Phase 11 · Next.js
TopicsPages Router
Part of the Frontend Developer Roadmap.
Summary
Next.js's original router (the `pages/` directory), where each file maps directly to a route — still widely used in existing production codebases.
How to Learn This
- 1Compare a route built in `pages/` to the same route built in `app/`.
- 2Learn `getStaticProps`/`getServerSideProps` — the Pages Router's data-fetching model.
- 3Recognize you'll likely maintain Pages Router code even while building new App Router projects.
More topics in Next.js
Stuck on this topic? Ask an Insider
Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.