File-Based Routing in Next.js
Next.js uses a pages directory or app directory (in App Router) to automatically generate routes.
Example:
/pages/index.js→//pages/about.js→/about/pages/blog/[slug].js→/blog/:slug
Dynamic routes are created using brackets []. Catch-all routes use [...slug].js.
Benefits
- No manual route definitions.
- Automatic code splitting per route.
- Easy nested routing with folders.