Next-js-Boilerplate
🚀🎉📚 Nextjs Boilerplate and Starter with App Router and Page Router support, Tailwind CSS 4 and TypeScript ⚡️ Made with developer experience first: Next.js 16 + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Sentry + PostCSS + Tailwind CSS ✨
A ready-to-use Next.js starter template with authentication, database, testing, linting, and error tracking all pre-configured so you can skip setup and start building.
Next.js Boilerplate is a starter template for building web applications with Next.js, a popular React-based web framework. Rather than starting a project from a blank slate and spending days wiring up testing tools, linters, authentication, and databases, you clone this repository and get all of that pre-configured and working together from the start.
The template is built around Next.js with TypeScript (a typed version of JavaScript that catches errors before the app runs) and Tailwind CSS (a utility-based styling system). On the developer tooling side, it includes ESLint and Prettier for code formatting, Lefthook for running checks before commits, Vitest and Playwright for writing and running tests, Storybook for previewing UI components in isolation, and Commitlint for keeping commit messages consistent.
User authentication is handled through Clerk, a third-party service that provides sign-up, sign-in, password reset, magic link (passwordless) login, multi-factor authentication, social logins (Google, GitHub, and others), and passkeys. The database layer uses DrizzleORM, which works with PostgreSQL, SQLite, and MySQL. For local development there is a built-in browser-based database called PGlite that requires no setup, and the template is configured to connect to Neon (a cloud PostgreSQL service) in production.
Other included integrations cover error tracking via Sentry, logging via LogTape, multi-language support via next-intl, security features via Arcjet (bot detection and rate limiting), and AI-assisted code review via CodeRabbit. A live demo of the boilerplate is available on the project website.
This is a starting point for developers who want to build a web application without manually assembling and configuring each piece. The full README is longer than what was shown.
Where it fits
- Launch a SaaS web app with user authentication already wired up on day one.
- Start a Next.js project with testing infrastructure and CI-ready code quality checks in place from the first commit.
- Build a multi-language web application with internationalization pre-configured.