nextjs-app-router

Priority: P0 (CRITICAL)

Workflow: Add New Route

1. Create page — Add app/dashboard/page.tsx as Server Component.
2. Add layout — Create app/dashboard/layout.tsx returning {children}.
3. Add loading state — Create app/dashboard/loading.tsx for Suspense boundary.
4. Add error boundary — Create app/dashboard/error.tsx with 'use client' and reset prop.
5. Await async APIs — In Next.js 15+, await params, cookies(), headers().

Route Group Example

See implementation examples

Implementation Guidelines

Routing Architecture