Back to Next.js

Routing & Layouts

App Router, Pages Router and layout patterns.

More on Routing & Layouts

Dynamic Routes

Creating and using dynamic routes in Next.js.

Layouts

Shared UI via nested layouts.

Routing & Layouts

Next.js offers conventions for routing and nested layouts. Learn the App Router (if using) and how to structure shared UI with layout components.

Key Ideas

  • Nested layouts for shared UI
  • Dynamic routes and catch-all routes
  • Client vs server components tradeoffs