What problem does it solve? Writing and reviewing Next.js code requires keeping track of many evolving conventions—async APIs in Next.js 15+, Server/Client Component boundaries, middleware renames in v16, and correct data fetching patterns. This Skill provides a structured rulebook so AI-assisted code generation and review follows current Next.js best practices instead of outdated or invalid patterns. ## Core Features & Use Cases - RSC Boundary Validation: Detects invalid patterns like async Client Components and non-serializable props (Date, Map, class instances) passed across the Server/Client boundary. - Modern API Guidance: Covers Next.js 15+ async params, searchParams, cookies(), and headers(), plus the v16 middleware-to-proxy rename. - Data & Rendering Patterns: Guides choosing between Server Components, Server Actions, and Route Handlers, and avoiding data waterfalls with Promise.all, Suspense, and preload patterns. - Use Case: When asked to build a dynamic blog page, the Skill ensures params is typed as a Promise, metadata uses generateMetadata, images use next/image with proper sizes, and mutations use Server Actions instead of unnecessary API routes. ## Quick Start Review my Next.js page component and fix any violations of current Next.js best practices.
