Какие знаешь способы серверного рендеринга без поддержки сервера и кручения Node.js

«Какие знаешь способы серверного рендеринга без поддержки сервера и кручения Node.js» — вопрос из категории Архитектура, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

  1. Static Site Generation (SSG) – генерируешь HTML на этапе сборки (например, через Next.js, Gatsby, Nuxt.js). Подходит для контента, который редко меняется.
// В Next.js страница будет сгенерирована при сборке
export async function getStaticProps() {
  const data = await fetchAPI();
  return { props: { data } };
}
  1. Pre-rendering – рендеришь страницы заранее (например, через react-snap или prerender-spa-plugin для Webpack). После сборки получаешь статические HTML-файлы.

  2. CDN + Edge Functions – используешь сервисы типа Vercel Edge Functions, Cloudflare Workers или Netlify Functions для рендеринга на "краю" сети без своего сервера.

  3. ISR (Incremental Static Regeneration) – в Next.js можно обновлять статичные страницы через заданные интервалы без full rebuild.

  4. JAMstack – комбинируешь статику с API (например, Headless CMS + статический генератор).