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-ограничения существующего продукта.