Wiki
Web / стек

SSG — что это простыми словами

SSG (Static Site Generator) — инструмент, генерирует статические HTML из Markdown/шаблонов на build-time. Hugo, Jekyll, Astro, Next.js SSG. Быстрее и дешевле CMS.

Static Site Generator (SSG) — инструмент, преобразующий контент (Markdown, MDX, YAML) в готовые HTML-файлы на build-time. В отличие от CMS (WordPress) — на runtime сервер не выполняет PHP/Node, только отдаёт статику. Результат: быстрее в 10-100 раз, дешевле хостинг, устойчивее к взлому.

Популярные: (1) Hugo — Go, самый быстрый (~ 1 мс/страница). (2) Jekyll — Ruby, дефолт для GitHub Pages. (3) Astro — фреймворк с island-архитектурой, любой UI-фреймворк (React/Vue/Svelte). (4) Next.js SSG — React с SSG + ISR. (5) VitePress / Docusaurus — для документации. (6) Eleventy (11ty) — минималистичный.

Use cases: (1) блоги (idealно — статика меняется редко), (2) документация, (3) маркетинговые landing (наш сайт elistrax.com — Next.js), (4) портфолио. Не подходит для: user-generated content, реалтайм-данные, поиск с фасетами (нужен client-side JS + внешний search-index).

Deploy: (1) Cloudflare Pages / Netlify / Vercel — 0 конфигурации, бесплатные тарифы. (2) свой VPS — nginx `root /var/www/site` + CI/CD клонирует и билдит. Наш VPS-XS €3/мес с nginx хватает на 100k RPS статики.

Частые вопросы

SSG или SSR?
SSG — статические HTML при build. SSR — HTML на каждый запрос. SSG быстрее и дешевле, SSR нужен для персонализации.
ISR (Incremental Static Regeneration)?
Гибрид: страницы генерируются at-build, но перегенерируются в фоне через N секунд. Next.js pioneered.

Смотрите также