Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке SSG і коли він використовується?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**SSG (Static Site Generation)** - це підхід, при якому сторінки **генеруються заздалегідь на етапі білда** і віддаються користувачу як готові HTML-файли. **Ключове:** SSG використовується для швидкого, SEO-дружнього контенту, який рідко змінюється та однаковий для всіх користувачів.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**SSG (Static Site Generation)** - це підхід, при якому сторінки **генеруються заздалегідь на етапі білда** і віддаються користувачу як готові HTML-файли. Простіше: > білд -> готовий HTML -> миттєве завантаження --- ## Як працює SSG На прикладі **Next.js**: 1. Під час `next build` 2. Next.js виконує React-код 3. Генерує HTML для сторінок 4. Складає їх як статичні файли 5. CDN роздає їх користувачам --- ## Чим SSG відрізняється від SSR | Критерій | SSG | SSR | |---|---|---| | Коли рендер | На білді | На кожен запит | | Швидкість | Максимальна | Швидко, але повільніше | | Навантаження на сервер | Немає | Є | | SEO | Відмінне | Відмінне | | Персоналізація | Немає | Так | --- ## Навіщо потрібен SSG ### 1. Максимальна швидкість - HTML вже готовий - віддається з CDN - мінімальний TTFB --- ### 2. Мінімальна інфраструктура - не потрібен сервер - немає обчислень на запит - дешевий хостинг --- ### 3. Відмінно для SEO - весь контент доступний одразу - стабільно індексується --- ## Коли використовувати SSG - лендинги - блоги - документація - маркетингові сторінки - довідники - сторінки «Про компанію» Контент **рідко змінюється** і **однаковий для всіх**. --- ## Коли SSG НЕ підходить - персоналізовані дані - дані залежать від cookies / auth - часті зміни контенту (без ISR) --- ## SSG у Next.js SSG вмикається автоматично, якщо: - сторінка не використовує динамічні дані - використовується `fetch()` без `cache: 'no-store'` - немає залежності від запиту Також часто використовується разом з **ISR** (оновлення без ребілда). --- ## Коротка відповідь для співбесіди > **SSG - це генерація HTML-сторінок на етапі білда. Використовується для швидкого, SEO-дружнього контенту, який рідко змінюється й однаковий для всіх користувачів.**Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.