В чём отличие SSR от SSG?

SSR (Server-Side Rendering) и SSG (Static Site Generation) — это два подхода к рендерингу веб-страниц:

• SSR (Server-Side Rendering): страница генерируется на сервере при каждом запросе пользователя. Сервер формирует HTML с актуальными данными и отправляет его клиенту. Это полезно для динамического контента, который часто меняется.

• SSG (Static Site Generation): страницы генерируются заранее во время сборки проекта и сохраняются как статические файлы. При запросе клиенту отдаются готовые HTML-файлы. Это ускоряет загрузку и снижает нагрузку на сервер, но подходит для контента, который редко меняется.

Пример:

// Next.js пример
// SSR
export async function getServerSideProps() {
  const data = await fetchData();
  return { props: { data } };
}

// SSG
export async function getStaticProps() {
  const data = await fetchData();
  return { props: { data } };
}

В итоге, SSR — для динамического контента с частыми обновлениями, SSG — для статического контента с высокой производительностью.