Next.js 16

Build Next.js 16 applications correctly. This skill prevents common mistakes when working with Next.js 16's breaking changes.

When to Use

• Creating new Next.js 16 projects
• Upgrading from Next.js 15 to 16
• Working with dynamic routes and params
• Implementing request proxying (formerly middleware)
• Configuring Turbopack builds
• Using cacheComponents (formerly dynamicIO)

Critical Breaking Changes

1. params and searchParams are Now Promises

THIS IS THE MOST COMMON MISTAKE. In Next.js 16, params and searchParams are asynchronous.