Phase 11 · Next.js

Topics

Dynamic Routes

Part of the Frontend Developer Roadmap.

Summary

Routes with a variable segment (`[slug]`, `[id]`) that map a single file to many URLs — the basis of blog posts, product pages and user profiles.

How to Learn This

  • 1Build a `[slug]/page.tsx` route and read the param with the `params` prop.
  • 2Learn catch-all routes (`[...slug]`) for arbitrarily nested paths.
  • 3Combine dynamic routes with `generateStaticParams` to pre-render known pages.
InsideEdge

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.

Download
InsideEdge