Next.js Dynamic Routes and Pathname Parameters

When to Use This Skill

Use this skill when:

• Creating dynamic route segments (e.g., blog/[slug], users/[id])
• Accessing URL pathname parameters in Server or Client Components
• Building pages that fetch data based on route parameters
• Implementing catch-all or optional catch-all routes
• Working with the params prop in page.tsx, layout.tsx, or route.ts

Next.js 16 Specific Changes

⚠️ BREAKING CHANGE NOTICE: In Next.js 16, params must always be awaited: