Next.js Boilerplate — App Router Starter (TypeScript + Tailwind 4 + Drizzle + Clerk)

Next-js-Boilerplate (by ixartz) is a production-ready Next.js starter / boilerplate built for teams who want to ship faster with a modern, DX-first setup. It's designed around Next.js App Router, TypeScript, and Tailwind CSS, with strong defaults for testing, CI, SEO, auth, and database—so you can focus on product features instead of project scaffolding.

It combines:

Next.js 16+ with App Router (and modern conventions)
TypeScript for type safety
Tailwind CSS 4 for utility-first styling
Clerk authentication (sign up/in/out, password reset, MFA, social auth, passkeys, etc.)
Drizzle ORM with support for PostgreSQL / SQLite / MySQL
Local/offline dev database via PGlite + production-ready Postgres via Neon

What you get

Full-featured auth (Clerk) with modern login options (MFA, social, magic links, passkeys, etc.)
Type-safe database layer via DrizzleORM + migrations + Drizzle Studio tooling
Testing stack: unit tests with Vitest, integration/E2E with Playwright
Storybook setup for UI development
DX toolchain: ESLint, Prettier, commitlint/commitizen, lint-staged, Lefthook (git hooks), CI via GitHub Actions
SEO-ready defaults: metadata, Open Graph, JSON-LD, sitemap.xml and robots.txt
Observability: Sentry error monitoring, logging + log management, monitoring-as-code (Checkly), analytics via PostHog
Security: bot protection / rate limiting / attack protection via Arcjet
Internationalization: next-intl + translation workflow via Crowdin
"Nothing is hidden" philosophy + easy customization hints (search for `FIXME:`)

Ideal use cases

SaaS apps and dashboards that need auth + DB + testing + SEO out of the box
Startups building an MVP where speed + maintainability matter
Teams that want a "keep what you need" boilerplate with strong defaults
Products that need i18n, monitoring, CI, and a clean scalable structure from day one

Tech stack

Category	Technology
Framework	Next.js (App Router)
Language	TypeScript
Styling	Tailwind CSS 4
Auth	Clerk
Database/ORM	Drizzle ORM + Neon Postgres + PGlite (local dev)
Testing	Vitest + Playwright
Docs/UI Dev	Storybook
Quality	ESLint, Prettier, commitlint/commitizen, CI with GitHub Actions
SEO	metadata + Open Graph + JSON-LD + sitemap/robots
Observability & Security	Sentry, logging, monitoring-as-code, Arcjet, PostHog

How to get started

Clone the boilerplate:

git clone --depth=1 https://github.com/ixartz/Next-js-Boilerplate.git my-project-name
cd my-project-name
npm install

Run locally:
```
npm run dev
```

Set up authentication (required):

Create a Clerk app at clerk.com
Add keys in `.env.local`:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_pub_key
CLERK_SECRET_KEY=your_clerk_secret_key

Database note (important):
- The starter can create a temporary Postgres DB automatically, but it expires after ~72 hours unless claimed.
- Claim it to make it persistent:
```
npm run neon:claim
```

Notes

This is a starter / boilerplate, not a finished app—meant to be customized per product.
Built with a "DX-first" approach and lots of optional tooling—you can remove anything you don't need.
Includes a live demo with working authentication (useful for evaluating quickly).

Screenshots

Next.js(16) Boilerplate