- All Courses
- Next.js for Production
- Routing and Layouts in the App Router
- Route groups and parallel routes
Route groups and parallel routes
A folder in parentheses is a route group: it organises files and can carry its own layout, but contributes nothing to the URL.
Overview
Structure that the URL never sees
A folder in parentheses is a route group: it organises files and can carry its own layout, but contributes nothing to the URL. Use it to give a marketing section and an application section separate root chrome while both live at the top level.
Parallel routes let one layout render several independent segments at once, each with its own loading and error state. The classic case is a dashboard where a feed and an activity panel load at different speeds and neither should block the other.
Intercepting routes pair with them to produce the photo-modal pattern: clicking a thumbnail opens the detail route in an overlay, while loading that same URL directly renders the full page.
In this lesson you will:
- Organise folders without changing the URL
- Render two independent sections in one layout
- Intercept a route to show it in a modal
Resources
Notes are not saved yet — they clear when you leave this page.
Dynamic segments and route parameters
5m
Fetching data in Server Components
4m