Next.js Playbook (Optimized)

Purpose: fast, correct decisions for modern Next.js (App Router, React 19, Next.js 16+).

Core rule: default to Server Components for reads, Server Actions for writes, and Route Handlers for external APIs.

When to Use

• Building new pages, nested layouts, or dynamic routes
• Deciding Server Component versus Client Component boundaries
• Designing data reads, writes, invalidation, and streaming behavior
• Migrating legacy Pages Router patterns to App Router
• Debugging hydration, bundling, runtime, or metadata issues

When Not to Use

• Pure React Native or non-Next.js frontend work
• Backend-only services not hosted inside Next.js routes/functions