Какие знаешь SSR mode

SSR (Server-Side Rendering) — это рендеринг страницы на сервере перед отправкой клиенту. Основные режимы:

1. Static Generation (SSG) — страницы генерируются на этапе сборки. Подходит для контента, который редко меняется.

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

2. Server-Side Rendering (SSR) — страница рендерится при каждом запросе. Для динамического контента.

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

3. Incremental Static Regeneration (ISR) — гибрид SSG и SSR. Страницы перегенерируются через заданный интервал.

// Next.js пример
export async function getStaticProps() {
  const data = await fetchAPI();
  return { 
    props: { data },
    revalidate: 60 // сек
  };
}

Ключевые фреймворки: Next.js, Nuxt.js, SvelteKit. SSR улучшает SEO и первичную загрузку, но увеличивает нагрузку на сервер.