Что такое Server-Side Rendering?

Server-Side Rendering (SSR) — это генерация готового HTML на сервере для каждого запроса с последующей гидратацией в браузере, в отличие от клиентского рендеринга (CSR).

Как работает

1. Браузер запрашивает страницу.
2. Сервер выполняет код приложения и формирует готовый HTML с контентом.
3. Браузер сразу отображает HTML (быстрый первый показ).
4. Загружается JS и происходит гидратация — навешиваются обработчики, страница становится интерактивной.

SSR против CSR и SSG

• CSR — сервер отдаёт пустой контейнер + JS, контент рисуется в браузере. Медленный первый показ, слабое SEO.
• SSR — HTML на сервере на каждый запрос. Актуальные данные, хорошее SEO.
• SSG — HTML генерируется на этапе сборки. Максимально быстро, но данные статичны.

Плюсы и минусы

• Плюсы: быстрый FCP, SEO, работа на слабых устройствах, корректные превью.
• Минусы: нагрузка на сервер, сложнее инфраструктура, задержка до интерактивности (TTI), нет браузерных API на сервере.

Инструменты

Next.js, Nuxt, Remix (React Router v7), Angular SSR (@angular/ssr).

Коротко для собеседования

SSR — рендеринг HTML на сервере на каждый запрос с последующей гидратацией. Даёт быстрый первый показ и SEO ценой нагрузки на сервер и задержки интерактивности. Реализуется через Next.js/Nuxt/Remix; отличается от CSR (в браузере) и SSG (на сборке).