App Router & File-Based Routing — Roadmap Step & Resources
Pages, dynamic routes, route groups and the file-system based router
- Level: intermediate
- Estimated time: 2 days
- Roadmap: Next.js Full Stack
Before this step
Mini projects
- Build a multi-page site using dynamic file-based routes
Interview questions
- How does a folder named [id] behave in the App Router?
Study resources
- Project Structure (Article) — The official Next.js documentation on file and folder conventions in the App Router.
- Layouts and Pages (Article) — The official Next.js documentation on creating pages, nested routes and linking between them.
Part of
- Next.js — section
- Next.js Full Stack roadmap — the full learning path