DEV Community

Cover image for πŸ”₯ Next JS Tailwind Template Free using TypeScript, ESLint, Prettier and Husky
Remi W.
Remi W.

Posted on

πŸ”₯ Next JS Tailwind Template Free using TypeScript, ESLint, Prettier and Husky

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

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…




Build your SaaS faster

Building your SaaS product faster with Next JS SaaS Boilerplate. Save you 5 months of development and design time.

Next JS SaaS Boilerplate

Other Next JS Templates and Themes

Checkout our Next JS Theme gallery

Top comments (4)

Collapse
 
goldfinger profile image
Caleb

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/

Collapse
 
ixartz profile image
Remi W. • Edited

Next JS Tailwind Template supports:

  • Tailwind CSS
  • VSCode configuration
  • Bundler Analyzer
  • Next-SEO
  • One-click deploy on Vercel or Netlify
  • etc.

If I'm not wrong, these options aren't proposed by Next stack. Depends to your needs...

Collapse
 
ceoshikhar profile image
Shikhar

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.

Collapse
 
ixartz profile image
Remi W.

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 ;)