Які фази проходить SSR рендеринг?

SSR-рендеринг проходить три основні фази, якщо пояснювати на рівні junior:

---

#1) Server Render (рендер на сервері)

Angular виконується на сервері (Node.js) і створює готовий HTML для сторінки:

• запускається серверна версія застосунку
• Angular рендерить компоненти
• формується фінальна HTML-розмітка

На цьому етапі браузеру надсилається вже намальована сторінка.

---

#2) Client Load (завантаження клієнтського застосунку)

Браузер отримує HTML від сервера і показує його одразу, поки паралельно:

• завантажуються JavaScript-бандли Angular
• підключаються стилі і скрипти
• готується клієнтська версія застосунку

Сторінка вже видна, але ще не інтерактивна.

---

#3) Hydration (гідратація, "оживлення")

Коли JS завантажено, Angular зіставляє наявний HTML зі своєю віртуальною моделлю і:

• навішує обробники подій
• вмикає реактивність і біндинги
• відновлює застосунок як SPA

Сторінка стає інтерактивною, без повторного рендера.

---

#Коротко в одному реченні:

SSR рендерить HTML на сервері → браузер показує його одразу → hydration робить сторінку інтерактивною.

---

Якщо хочеш, можу додати картинку-схему або порівняння з CSR.