- All Courses
- Next.js App Router in Depth
- Routing and Layouts
- File-system routing and the app directory
File-system routing and the app directory
The App Router maps folders to URL segments and reserved filenames to behaviour. Once you can read a folder tree as a set of routes, most of the framework stops being magic.
- 6m
- Intermediate

Video by Codevolution · YouTube
Check your understanding
3 questions. Unlocks when you finish the video.
Overview
What this lesson covers
- Map folders and page files to URL segments
- Use route groups to organise without affecting the URL
- Recognise the reserved files: page, layout, loading, error, not-found
This lesson sits in Routing and Layouts, part of Next.js App Router in Depth. It assumes what came before it and leads directly into the next lesson in the module.
In this lesson you will:
- Map folders and page files to URL segments
- Use route groups to organise without affecting the URL
- Recognise the reserved files: page, layout, loading, error, not-found
Resources
Your notes will live here
Note taking is not available yet. Nothing you type would be saved, so the tab stays read-only for now.