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, …


This content originally appeared on DEV Community and was authored by Remi W.

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…





This content originally appeared on DEV Community and was authored by Remi W.


Print Share Comment Cite Upload Translate Updates
APA

Remi W. | Sciencx (2021-09-22T09:15:33+00:00) React Tailwind TypeScript Starter Template Free and Open Source. Retrieved from https://www.scien.cx/2021/09/22/react-tailwind-typescript-starter-template-free-and-open-source/

MLA
" » React Tailwind TypeScript Starter Template Free and Open Source." Remi W. | Sciencx - Wednesday September 22, 2021, https://www.scien.cx/2021/09/22/react-tailwind-typescript-starter-template-free-and-open-source/
HARVARD
Remi W. | Sciencx Wednesday September 22, 2021 » React Tailwind TypeScript Starter Template Free and Open Source., viewed ,<https://www.scien.cx/2021/09/22/react-tailwind-typescript-starter-template-free-and-open-source/>
VANCOUVER
Remi W. | Sciencx - » React Tailwind TypeScript Starter Template Free and Open Source. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/22/react-tailwind-typescript-starter-template-free-and-open-source/
CHICAGO
" » React Tailwind TypeScript Starter Template Free and Open Source." Remi W. | Sciencx - Accessed . https://www.scien.cx/2021/09/22/react-tailwind-typescript-starter-template-free-and-open-source/
IEEE
" » React Tailwind TypeScript Starter Template Free and Open Source." Remi W. | Sciencx [Online]. Available: https://www.scien.cx/2021/09/22/react-tailwind-typescript-starter-template-free-and-open-source/. [Accessed: ]
rf:citation
» React Tailwind TypeScript Starter Template Free and Open Source | Remi W. | Sciencx | https://www.scien.cx/2021/09/22/react-tailwind-typescript-starter-template-free-and-open-source/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.