SSR (Server-Side Rendering) — это стратегия рендеринга, при которой HTML генерируется на сервере для каждого входящего запроса, предоставляя полностью сформированную страницу браузеру, а не полагаясь на JavaScript на стороне клиента для рендеринга контента.
SSR контрастирует с CSR (Client-Side Rendering) и SSG (Static Site Generation). Плюсы и минусы:
- Плюсы SSR: свежесть на каждый запрос, аутентификация на стороне сервера, полный HTML на первом байте (что важно для SEO).
- Минусы SSR: каждый запрос обращается к серверу; задержка зависит от нагрузки на сервер и местоположения источника.
Для электронной коммерции SSR обязателен для SEO-страниц — поисковые роботы не всегда надежно выполняют JavaScript, поэтому страницы, рендеренные на клиенте, часто отображаются пустыми для Googlebot. Современный SSR обычно сочетается с кэшированием (CDN edge cache, ISR-стиль повторной проверки, Cache Components), чтобы ограничить частоту рендеринга на исходном сервере.
В Next.js 16 граница между SSR, ISR, SSG и PPR размыта. Модель cacheComponents + PPR позволяет разработчикам описывать, что должно кэшироваться, а что должно быть динамическим на уровне компонентов, а не на уровне страниц, устраняя большинство исторических выборов стратегий.