Next.js: Pages Router (legacy) — ментальная модель

Question

Accepted Answer

Pages Router — **один component на файл**, стратегия рендера через **data-fetching functions** (`getStaticProps`, `getServerSideProps`, `getStaticPaths`). Стабилен, поддерживается, большая часть production Next.js всё ещё на нём.

## Разбор

`pages/` мапит files → routes; каждый file default-export **page component на server и client** (classic hydration). «Когда грузится data?» — *какую magic async function экспортируете*, не где вызываете `fetch`:

| Export | Strategy | Runs |
|---|---|---|
| `getStaticProps` | Static (SSG) | at build time |
| `getStaticProps` + `revalidate` | ISR | build + on a timer |
| `getServerSideProps` | SSR | on every request |
| _(none)_ | Static, no data | build time |

Эти functions **stripped из client bundle** — безопасно query DB и читать secrets. Server/client split на уровне *page*, не per-component boundary как в App Router.

## Итог

Pages Router = file routes + export-driven SSG/SSR/ISR; знать legacy важно для миграции и поддержки существующих кодовых баз.

Export	Strategy	Runs
`getStaticProps`	Static (SSG)	at build time
`getStaticProps` + `revalidate`	ISR	build + on a timer
`getServerSideProps`	SSR	on every request
(none)	Static, no data	build time