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
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 
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 tostyled-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)
Thanks <3