Open Source · MIT Licensed

Build with AI.
Ship with confidence.

A production-ready Next.js boilerplate where every AI assistant speaks the same language. Clean architecture, strict conventions, and canonical examples — so you and your AI tools ship faster without sacrificing quality.

Get StartedAPI Health Check
$ npx create-next-app -e https://github.com/NoahDuongMaster/ai-first-nextjs-boilerplate

Everything you need to ship

Batteries included. No configuration rabbit holes. Just clone, code, and deploy.

AI-First Development

Unified rules for Claude, Cursor, Copilot, Gemini, and more. Every AI tool produces consistent, architecture-compliant code.

Vertical Slice Architecture

Strict dependency direction: page → service → adapter. Features are isolated, testable, and easy to reason about.

Canonical Examples

Working patterns for every common scenario in src/__examples__/. AI assistants copy from these to maintain consistency.

Production Security

CSP headers, rate limiting, input validation with Zod, server-only guards, and zero secrets in client bundles.

The Stack

Modern, maintained, and battle-tested.

Core
Next.js 16React 19TypeScript 6
Styling
Panda CSSArk UI
State
TanStack QueryZustandnuqs
Forms & Validation
react-hook-formZod

Ready to build?

Clone the repo, point your AI tool at it, and start shipping. The architecture guides both you and the AI to write clean, consistent code.

View on GitHub

Built by Noah Duong

MIT License

Developer Experience

Biome + ESLint, Vitest + Playwright, Husky hooks, and type-safe everything — from env vars to API routes.

Modern Stack

Next.js 16, React 19, TypeScript 6, Panda CSS, Ark UI, TanStack Query, Zustand, and more — all pre-configured.

next-safe-action
Testing
VitestPlaywright