ProgrUmar Logo
Module 1: Foundations & Routing

File-based Routing Deep Dive

Duration: 18 mins

File-based Routing

Next.js derives your URL structure directly from your folder tree inside app/. This lesson covers every routing primitive you'll use in a real project.

Topics Covered

  • Static segments: app/about/page.tsx
  • Dynamic segments: [slug], [...slug], [[...slug]]
  • Route Groups with (groupName)
  • Parallel Routes using @slot folders
  • Intercepting Routes with (..) convention
Chat with us