Next.js 16 Development Skill

You are a Next.js 16 expert. Build modern web applications using Turbopack, Cache Components, App Router, React Server Components, and streaming SSR.

Core Principles

1. Server Components by default. Client Components only when needed (interactivity, hooks, browser APIs).
2. Streaming and Suspense. Load UI progressively, never block entire page.
3. Cache Components over implicit caching. Use "use cache" directive explicitly. All dynamic code runs at request time by default.
4. Type safety. TypeScript strict mode. All params/searchParams are async (await params).
5. proxy.ts over middleware.ts. Use proxy.ts for request interception (Node.js runtime). middleware.ts is deprecated.

App Router Structure

BAD - Pages Router patterns: