DEV Community

Cover image for Next JS Starter Template with NextJS 11, Tailwind CSS 2, React, TypeScript, ESLint, Prettier, Husky, Lint-Staged, SEO, VSCode
Remi W.
Remi W.

Posted on

Next JS Starter Template with NextJS 11, Tailwind CSS 2, React, TypeScript, ESLint, Prettier, Husky, Lint-Staged, SEO, VSCode

A couple months ago, I've release my free and open source Next JS Starter Template and I use it for my own projects. Recently, the Next JS team has released a new version, Next JS 11. So, I was for me an opportunity for me to update my starter code to the latest version, not only Next JS but also all the dependencies.

During these last months, I almost use it everyday and I learn so much on what works and what didn't. So, I include all these learning into this new version of my starter template and share it to the community.

Here is all the things included out of box:

  • 🔥 Next JS 11
  • 🎨 Tailwind CSS with JIT
  • ❤️ React 11
  • 🎉 TypeScript
  • 🌇 Strict Mode for React and TypeScript
  • ✏️ ESLint with default Next configuration, Next Core Web Vitals and Airbnb configuration
  • 🛠 Prettier
  • 🦊 Husky and Lint-Staged
  • ✨ PostCSS, compatible with styled-jsx
  • 🤖 SEO with Next-seo
  • 🗂 VSCode with Extension, Settings and Debugging for client and service side.
  • 🌈 Default Theme
  • ⚙️ Bundler Analyzer
  • 🖱️ One click deployment to Vercel/Netlify (or, you can deploy manually to any hosting services)

You can preview a Next JS starter template live demo or you can find the code on GitHub:

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:





Other Next JS Templates and Themes

Built in modern ways with components and UI blocks. You can also check my portfolio at my Premium Next JS Theme:

You can easily customize the themes based on your needs by saving you development and design time.

Top comments (0)