What is the Nuxt.js file-based routing system?

Nuxt.js automatically creates routes based on the file structure inside the pages/ directory — no manual router configuration is needed. A file named pages/about.vue becomes the route /about. Nested folders create nested routes: pages/blog/index.vue becomes /blog. Dynamic segments use brackets: pages/posts/[id].vue becomes /posts/:id. Catch-all routes use [...slug].vue. This convention-based routing eliminates boilerplate and keeps the project structure self-documenting.