Next JS Tailwind Starter code free and open source with developer experience first with React, TypeScript, Tailwind CSS, ESLint, Prettier, Husky.
The GitHub repo have already reached 500+ stars π.
Built for production with high-quality:
- π₯ Next JS 11
- π¨ Integrate with Tailwind CSS 2 (w/ JIT mode)
- π TypeScript
- βοΈ React
- βοΈ 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-friendly
- βοΈ Bundler Analyzer
- π±οΈ One click deployment with Vercel or Netlify (or manual deployment to any hosting services)
- π One minimalist theme
You can find a NextJS Tailwind Template live demo
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β¦
Build your SaaS faster
Building your SaaS product faster with Next JS SaaS Boilerplate. Save you 5 months of development and design time.
Other Next JS Templates and Themes
Checkout our Next JS Theme gallery
Oldest comments (4)
Wait! Have you been posting about the same thing over and over again to promote it? I thought that would never work. Great job on marketing.
It seems I post the same things again but actually, I've 5 open source projects to promote. Hope one day, it'll promote by itself ;)
Nice, you can also just use the library Create-Next-Stack. I use it quite a bit to get up and running.
npx create-next-stack will run an install with all the correct variables .. or
if you like the web:
create-next-stack.com/
Next JS Tailwind Template supports:
If I'm not wrong, these options aren't proposed by Next stack. Depends to your needs...