dev-tools
Словарь ↗Генератор статических сайтов (SSG)
Генератор статических сайтов (SSG) — это инструмент, который заранее, на этапе сборки, строит полные HTML-страницы сайта, а не генерирует каждую страницу динамически при каждом входящем запросе. Результат — набор простых статических файлов (HTML, CSS, JS), которые можно мгновенно отдавать из CDN без работы по серверному рендерингу на каждый визит, что делает статические сайты чрезвычайно быстрыми и дешёвыми в хостинге при масштабировании. Популярные SSG и гибридные фреймворки включают Astro, Next.js (в режиме статического экспорта), Hugo, Eleventy и Gatsby. Почему это важно для разработчиков AI/SaaS: SSG — стандартный выбор для насыщенных контентом, редко меняющихся страниц — маркетинговых сайтов, документации, блогов и (что здесь напрямую актуально) страниц глоссария/определений, поскольку эти страницы не нужно перегенерировать при каждом запросе посетителя, и они получают огромную выгоду от кэширования на уровне CDN и почти мгновенного времени загрузки, что одновременно улучшает Core Web Vitals (прямой фактор ранжирования в SEO) и снижает затраты на хостинг по сравнению с рендерингом каждой страницы заново при каждом запросе. Многие современные фреймворки смешивают подходы — Incremental Static Regeneration (ISR) перестраивает статическую страницу в фоне по расписанию или по требованию, давая большую часть преимуществ скорости статической генерации, при этом позволяя контенту обновляться без полной ручной пересборки. Как это работает: на этапе сборки SSG проходит по каждой странице/маршруту проекта, получает все нужные данные (из CMS, базы данных или локальных Markdown-файлов), рендерит финальный HTML и записывает его на диск как статические файлы, готовые к развёртыванию. Когда контент меняется, запуск новой сборки перегенерирует затронутые страницы (либо, с ISR, платформа автоматически перегенерирует конкретную страницу в фоне после истечения окна кэша, без полной пересборки сайта). Практический пример: раздел глоссария SaaS-компании содержит сотни страниц определений, которые редко меняются после публикации. Они строят его на Next.js, используя ISR с окном ревалидации в 7 дней: каждая страница глоссария предварительно рендерится в статический HTML на этапе сборки (или при первом запросе, если она новая), мгновенно отдаётся с edge-узла CDN каждому последующему посетителю с нулевыми вычислениями на сервере на запрос и автоматически перегенерируется в фоне при следующем запросе после истечения 7 дней — давая им производительность и стоимость хостинга, близкие к статическому сайту, при этом позволяя исправлять или расширять определения без запуска полной ручной пересборки сайта. Если редактор исправляет опечатку в одной записи глоссария, эта единственная страница тихо перегенерируется при следующем запросе после истечения окна кэша, без повторного развёртывания или пересборки сотен других не связанных с ней страниц глоссария рядом с ней.
Похожие термины