intermediate

Legacy Pages Router

Понимайте pages, getServerSideProps, getStaticProps, API routes и компромиссы миграции для legacy codebases.

Pages Router использует каталог `pages/`: файлы — маршруты, data API (`getServerSideProps`, `getStaticProps`, `getStaticPaths`) выполняются при сборке или на запрос. API routes — в `pages/api`.

| API | Когда выполняется | Типичное применение | |-----|-------------------|---------------------| | getStaticProps | Build | Стабильные маркетинговые страницы | | getServerSideProps | Каждый запрос | Персонализированные дашборды | | getStaticPaths | Build | Dynamic SSG paths |

На интервью: сравните Pages data API с server fetch в App Router и компромиссы миграции — colocated loaders против fetch в компонентах, `_app`/`_document` против root layouts.

Типовые ошибки: копирование Pages-паттернов в App Router, два роутера без плана, игнорирование legacy в brownfield.

Компромисс: стоимость миграции против двух mental models.

Чеклист:

  • Правила сопоставления files → URL.
  • SSR/SSG hooks и API routes.
  • Границы миграции в App Router.
  • Legacy-ограничения существующего продукта.