Какие плюсы и минусы SSR

Ответ

Плюсы 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>;
}