На чем основывается маршрутизация в Next.js

Маршрутизация в Next.js основана на файловой системе. Каждый файл в директории `pages` автоматически становится маршрутом. Например: - `pages/index.js` → `/` - `pages/about.js` → `/about` - `pages/blog/[slug].js` → `/blog/:slug` (динамический маршрут) Для вложенных маршрутов используются поддиректории: - `pages/blog/first-post.js` → `/blog/first-post` Next.js поддерживает: 1. Статические маршруты 2. Динамические маршруты с параметрами (`[id].js`) 3. Catch-all маршруты (`[...slug].js`) 4. Опциональные catch-all (`[[...slug]].js`) Пример динамического маршрута: ```jsx // pages/blog/[slug].js export async function getStaticProps({ params }) { return { props: { post: await getPost(params.slug) } }; } export default function BlogPost({ post }) { return

{post.title}

; } ```