Что такое SSR в JavaScript

SSR (Server-Side Rendering) — это рендеринг страницы на сервере перед отправкой клиенту. В отличие от CSR (Client-Side Rendering), где HTML генерируется в браузере, SSR позволяет отдавать готовую разметку сразу. **Преимущества:** - Лучшая SEO, так как поисковики видят готовый контент. - Быстрая загрузка первой страницы (меньше времени на обработку в браузере). - Работает на слабых устройствах (меньше JS-нагрузки). **Недостатки:** - Серверная нагрузка (рендеринг на каждый запрос). - Меньшая интерактивность (гидрация всё равно нужна). **Пример с 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 } }; } ``` Здесь `getServerSideProps` выполняется на сервере, а данные передаются в компонент перед рендером.