Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке pre-rendering?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Pre-rendering (попередній рендеринг)** - це підхід, за якого HTML-сторінки генеруються заздалегідь, під час збірки проєкту, а не на сервері при кожному запиті (як у SSR). **Ключове:** pre-rendering - це статична версія SSR, де сторінки генеруються заздалегідь, SEO працює відмінно, перший екран швидкий, а сервер не потрібен.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Pre-rendering (попередній рендеринг)** - це підхід, за якого **HTML-сторінки генеруються заздалегідь, під час збірки проєкту**, а не на сервері при кожному запиті (як у SSR). --- ### **Як це працює:** 1. Під час білда Angular (або іншого фреймворка) 2. Створюються **готові HTML-файли для обраних маршрутів** 3. Ці HTML-сторінки складаються в `dist/` 4. Сервер потім просто **віддає статичний HTML**, без Node.js і SSR-логіки --- ### **Чим pre-render відрізняється від SSR:** | | SSR | Pre-render | |---|---|---| | Генерація HTML | при кожному запиті | один раз - на етапі збірки | | Сервер | потрібен Node.js | можна віддати через будь-який статичний хостинг | | Підходить для | динамічних даних | статичних сторінок | --- ### **Коли pre-render ідеальний:** - Лендинги - Блоги і документація - Сторінки «Про нас», «Контакти», «FAQ» - E-commerce категорії, які рідко змінюються **Тобто там, де контент не змінюється щохвилини.** --- ### **Переваги:** - **Миттєве завантаження** (як звичайний статичний сайт) - **Відмінне SEO**, бо HTML вже готовий - **Немає навантаження на сервер**, SSR-рендеринг не виконується на льоту - **Працює на будь-якому хостингу** (Firebase, GitHub Pages, AWS S3, Netlify...) --- ### **Мінуси:** - Не підходить для сильно динамічних сторінок - При оновленні даних потрібен **пересбір і повторний prerender** --- ### **Підсумок:** **Pre-rendering - це статична версія SSR.** Сторінки генеруються заздалегідь, SEO працює відмінно, перший екран швидкий, а сервер не потрібен.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.