building-nextjs-apps

To migrate from Next.js 15 to Next.js 16, replace middleware.ts with proxy.ts, adopt async params in dynamic routes, and enable Turbopack defaults. This skill enforces concrete migration steps and includes a verification workflow to ensure references exist and scripts run successfully.

In Next.js 16, middleware.ts is replaced by proxy.ts. This skill guides you through adopting the proxy.ts pattern for route handling and middleware proxies, ensuring correct behavioral changes are applied during your migration.

Handling async params in the Next.js App Router requires awaiting params and searchParams in your route components and metadata. This skill provides references to enforce these Next.js 16 patterns correctly for dynamic routes.

Configuring Turbopack and cacheComponents for optimal Next.js builds involves enabling these defaults in your configuration. This skill consolidates best practices to speed up delivery and reduce setup errors when applying Next.js 16 critical patterns.

Yes, parallel routes in Next.js 16 require default files. This skill guides you through applying critical Next.js 16 patterns, including setting up parallel routes with required default files and updating image usage correctly.