File-Based Routing

ELI5 — The Vibe Check

File-Based Routing means your folder structure IS your routing. Create pages/about.vue and you get /about. No router config, no route definitions, just files becoming URLs. It's so intuitive that when you explain it, people say 'wait, why wasn't it always like this?'

Real Talk

File-Based Routing is a convention where the file system structure of a project directory automatically maps to URL routes without explicit route configuration. Popularized by Next.js and Nuxt, it supports dynamic segments, catch-all routes, and nested layouts through naming conventions.

When You'll Hear This

"File-based routing means new devs can find any page's code instantly" / "Dynamic routes use bracket syntax: id.tsx becomes /posts/:id"