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 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript ⚑️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS ✨

Boilerplate and Starter for Next.js 14+, Tailwind CSS 3.4, and TypeScript.

Next js starter banner

πŸš€ Boilerplate and Starter for Next.js with App Router, Tailwind CSS, and TypeScript ⚑️ Prioritizing developer experience first: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, Vitest (replacing Jest), Testing Library, Playwright, Commitlint, VSCode, Tailwind CSS, Authentication with Clerk, Database with DrizzleORM (PostgreSQL, SQLite, and MySQL), Error Monitoring with Sentry, Logging with Pino.js and Log Management, Monitoring as Code, Storybook, Multi-language (i18n), and more. Ready for Next.js 15.

Clone this project and use it to create your own Next.js project. You can check out the live demo at Next.js Boilerplate, which includes a working authentication system.

Sponsors

Demo

Live demo: Next.js Boilerplate














Sign Up Sign In
Next.js Boilerplate SaaS Sign Up Next.js Boilerplate SaaS Sign In

Features

Developer experience first, extremely flexible code structure and only keep what you need:





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