Как работает SSR-технология

SSR (Server-Side Rendering) — это рендеринг страницы на сервере перед отправкой клиенту. В отличие от CSR (Client-Side Rendering), где браузер получает пустой HTML и строит DOM с помощью JavaScript, SSR отправляет готовую разметку. **Как это работает:** 1. Сервер получает запрос от клиента. 2. Выполняет JavaScript (например, React/Vue) для генерации HTML. 3. Отправляет готовый HTML, CSS и JS клиенту. 4. Браузер отображает страницу, затем «гидратирует» её (подключает интерактивность). **Пример (React + Next.js):** ```jsx // pages/index.js export default function Home({ data }) { return ; } export async function getServerSideProps() { const res = await fetch('https://api.example.com/data'); const data = await res.json(); return { props: { data } }; // Данные рендерятся на сервере } ``` **Плюсы SSR:** - Лучше для SEO (поисковики видят контент). - Быстрая первоначальная загрузка. - Работает без JavaScript (деградация). **Минусы:** - Нагрузка на сервер. - Медленнее TTFB (Time To First Byte). - Сложнее с динамическими данными.