Next.js: Pages Router (legacy) — типичные gotcha на собеседовании

Question

Accepted Answer

Pages Router — другой mental model: data functions только на page, `next/router` vs `next/navigation`.

## Разбор

- **`getServerSideProps` на *каждый* request** — полный opt-out caching. Когда хватило бы `getStaticProps` + ISR — частая performance mistake.
- **`getStaticPaths` `fallback` три режима:** `false` (404 unlisted), `true` (loading state, hydrate), `'blocking'` (SSR first hit, no flash). Любимый вопрос интервьюеров.
- **Data functions не из components** — только page exports. Nested components — props или client fetch.
- **`next/router` vs `next/navigation`.** Wrong `useRouter` — copy-paste bug; APIs differ (`router.query` vs `useParams`/`useSearchParams`).
- **`_document` server-only.** Interactivity/hooks там — silently fails.

## Итог

Pages Router still production-relevant; знайте fallback modes и router import split.