What problem does it solve?
This Skill provides comprehensive guidance for migrating and operating Next.js 16 apps, covering App Router, Server Components/Actions, Cache Components with the "use cache" directive, and the new async route parameters. It includes templates, references, and migration patterns to reduce friction when upgrading from Next.js 15 and adopting 16-wide features.
Core Features & Use Cases
- Async params & route patterns: navigate async params and headers in Next.js 16 for route handlers, layouts, and pages.
- Proxy migration & parallel routes: replaces middleware with proxy.ts and ensures default.tsx exists for every parallel route.
- Cache Components & APIs: adopt explicit caching with "use cache" and leverage revalidateTag, updateTag, and refresh in server actions.
- Templates & References: templates and reference docs help implement patterns such as route handlers, proxy migrations, and parallel routes.
- Use Case: when upgrading from Next.js 15 to 16 in large apps with Turbopack and i18n caching considerations.
Quick Start
Begin by running the codemod to migrate 15→16 patterns, then apply the proxy.ts migration, add default.tsx for all parallel routes, and introduce explicit caching with the use cache directive in server components and route handlers.