What problem does it solve?
This Skill provides structured guidance to migrate and build Next.js 16 apps using App Router, Server Components/Actions, and the Cache Components feature with the "use cache" directive. It also covers the migration of proxy.ts (from middleware.ts) and handling of parallel routes with required default.tsx, enabling production-grade patterns and troubleshooting for Next.js 16.
Core Features & Use Cases
- Async route params handling across pages, layouts, and route handlers.
- Cache Components with "use cache" for selective caching and partial prerendering.
- Proxy.ts migration and parallel routes default.tsx requirements, plus React 19.2 integration.
- Guidance on common Next.js 16 errors, security advisories, and Turbopack considerations.
Quick Start
Migrate an existing Next.js project to Next.js 16 by applying the codemod and addressing parallel routes and proxy migration.