Как устроен Routing в Next

Next.js поддерживает два типа роутинга: файловый (file-system based) и программный (imperative).

Файловый роутинг:

• Автоматически создает маршруты на основе структуры папок в /pages (или /app в Next.js 13+)
• Пример:
  • pages/index.js → /
  • pages/blog/[slug].js → динамический /blog/:slug

Программный роутинг:

• Используется через useRouter или Router:

import { useRouter } from 'next/router';

function Component() {
  const router = useRouter();
  router.push('/about'); // переход
}

Особенности:

• Динамические маршруты: [param].js для обязательных параметров, [...slug].js для catch-all
• В Next 13+ App Router использует page.js и layout.js в папках
• Поддержка prefetching для клиентских переходов
• API-роуты: файлы в pages/api/ становятся API-эндпоинтами