Що робить команда ng add @angular/ssr?

Команда:

автоматично вмикає SSR (Server-Side Rendering) в наявному Angular-проєкті і налаштовує Angular Universal.

---

#Що саме робить ця команда:

1. Встановлює потрібні пакети

• @angular/ssr
• @angular/platform-server
• і пов'язані залежності

2. Додає серверну збірку

• створює файли для рендерингу на сервері (Node.js)
• додає main.server.ts

3. Оновлює конфігурацію Angular

• доповнює angular.json завданнями для SSR (server і ssr збіркою)

4. Змінює AppModule

• додає підтримку Universal
• реєструє потрібні провайдери

5. Додає команди в npm-scripts, наприклад:

щоб можна було зібрати і запустити SSR-версію застосунку

---

#Що це дає:

Після ng add @angular/ssr твій Angular-проєкт може:

• рендерити сторінки на сервері
• віддавати готовий HTML до завантаження JS
• покращувати SEO, швидкість першої відмальовки і прев'ю в соцмережах

---

#Підсумок:

Команда ng add @angular/ssr - це швидкий спосіб автоматично увімкнути SSR і Angular Universal у проєкті без ручного налаштування.