Next.js DESIGN.md templates and kits

Why Next.js needs DESIGN.md

Next.js gives you routing, RSC and deployment. It does not tell agents which dashboard density, billing tone or landing hierarchy your product needs. DESIGN.md encodes those decisions so new App Router pages stay aligned.

Without DESIGN.md, agents default to generic shadcn layouts and mismatched spacing across /app routes. A Next.js kit plus DESIGN.md keeps tokens, components and page templates in one agent-readable contract.

Pick a Next.js kit by product surface

SaaS and dashboard kits cover revenue, customers and internal admin. Landing and marketing kits focus on hero rhythm and conversion sections. AI app starters encode chat layout, streaming states and settings.