building-nextjs-apps

Migrate from Next.js 15 to Next.js 16 by installing next@16 react@latest react-dom@latest. Address breaking changes like async params, searchParams, Turbopack defaults, and cacheComponents using guided migration patterns.

Replace Next.js middleware by implementing proxy.ts. This skill provides the correct patterns to transition your routing logic to proxy.ts while aligning with modern Next.js 16 practices.

Async params and searchParams in Next.js 16 require awaiting data before rendering. This skill guides you through implementing dynamic routes and layouts correctly using these updated asynchronous patterns.

Set up Turbopack and cacheComponents by migrating your Next.js config to match the new defaults. This skill covers configuring your project structure and applying best-practices for Turbopack.

Yes, you can structure dynamic routes, layouts, and parallel routes. This skill enforces a practical project structure and provides specific migration patterns for parallel routes and route handlers.

Update images and route handlers by following the provided Next.js 16 migration patterns. This skill guides you through applying modern practices to ensure your components and routes function correctly.