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. - Async API Migration Guidance: Covers Next.js 15+ async params, searchParams, cookies(), and headers(), including the official codemod command. - Data Pattern Selection: Decision tree for choosing between Server Components, Server Actions, and Route Handlers, plus waterfall elimination with Promise.all, Suspense, and preload patterns. - Use Case: When asked to build a modal photo gallery, the Skill guides correct use of parallel routes with @slot, intercepting routes with (.), required default.tsx fallbacks, and router.back() for closing modals. ## Quick Start Review my Next.js page component and fix any violations of current Next.js best practices, including async params and RSC boundary issues.
