Ответ
Плюсы SSR:
- Лучшая SEO-индексация, так как поисковики видят готовый HTML
- Быстрая первая загрузка страницы (меньше времени до First Contentful Paint)
- Работает без JavaScript (важно для accessibility и старых устройств)
Минусы SSR:
- Серверная нагрузка выше (рендеринг на каждый запрос)
- Медленнее интерактивность (гидратация клиентской части)
- Сложнее с динамическими данными (например, real-time updates)
Пример (Next.js SSR):
export async function getServerSideProps() {
const res = await fetch('https://api.example.com/data');
const data = await res.json();
return { props: { data } }; // Данные рендерятся на сервере
}
function Page({ data }) {
return <div>{data.title}</div>;
}