DEV Community

Cover image for React Tailwind TypeScript Starter Template Free and Open Source
Remi W.
Remi W.

Posted on

React Tailwind TypeScript Starter Template Free and Open Source

A simple and easy-to-use React Tailwind TypeScript template to quickly start any projects with the best tools for developer-first experience in mind.

An open-source and free starter and boilerplate code with already-configured linter, code formatter, type checking and VSCode configuration for React projects.

Check out a live demo at React Tailwind TypeScript Live demo

The code source is hosted on GitHub at React Tailwind TypeScript GitHub

Here is the list of major feature:

  • ๐Ÿ”ฅ Next JS 11

  • ๐Ÿ’… Design with Tailwind CSS

  • ๐ŸŽ‰ Type checking with Typescript

  • โœ๏ธ Linter with Eslint and code formatter Prettier

  • ๐ŸฆŠ Husky + Lint-Staged

  • โœ… Easy deploy on Netlify or Vercel

  • ๐Ÿค– SEO friendly

  • ๐ŸŽจ Include a minimalist theme

  • ๐Ÿš€ Production-ready, you just need to focus in your code

GitHub logo ixartz / Next-js-Boilerplate

๐Ÿš€ Boilerplate and Starter for Next.js 11+, Tailwind CSS 2.0 and TypeScript โšก๏ธ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

Boilerplate and Starter for Next JS 11+, Tailwind CSS 2.0 and TypeScript Twitter

Next js starter banner

๐Ÿš€ Boilerplate and Starter for Next.js, Tailwind CSS and TypeScript โšก๏ธ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, VSCode, Netlify, PostCSS, Tailwind CSS.

Clone this project and use it to create your own Next.js project. You can check a Next js templates demo.

Features

Developer experience first:

  • ๐Ÿ”ฅ Next.js for Static Site Generator
  • ๐ŸŽจ Integrate with Tailwind CSS (w/ JIT mode)
  • ๐Ÿ’… PostCSS for processing Tailwind CSS and integrated to styled-jsx
  • ๐ŸŽ‰ Type checking TypeScript
  • โœ… Strict Mode for TypeScript and React 17
  • โœ๏ธ Linter with ESLint (default NextJS, NextJS Core Web Vitals and Airbnb configuration)
  • ๐Ÿ›  Code Formatter with Prettier
  • ๐ŸฆŠ Husky for Git Hooks
  • ๐Ÿšซ Lint-staged for running linters on Git staged files
  • ๐Ÿ—‚ VSCode configuration: Debug, Settings, Tasks and extension for PostCSS, ESLint, Prettier, TypeScript
  • ๐Ÿค– SEO metadata, JSON-LD andโ€ฆ




Top comments (1)

Collapse
 
hasibrashid profile image
Hasib Al Rashid

Thanks <3