Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить команда ng add @angular/ssr?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Команда **`ng add @angular/ssr`** автоматично вмикає SSR (Server-Side Rendering) в наявному Angular-проєкті і налаштовує Angular Universal. **Ключове:** це швидкий спосіб автоматично увімкнути SSR і Angular Universal у проєкті без ручного налаштування.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняКоманда: ```javascript 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**, наприклад: ```javascript npm run build:ssr npm run serve:ssr ``` щоб можна було зібрати і запустити SSR-версію застосунку --- ### **Що це дає:** Після `ng add @angular/ssr` твій Angular-проєкт може: - рендерити сторінки **на сервері** - віддавати готовий HTML **до завантаження JS** - покращувати **SEO, швидкість першої відмальовки і прев'ю в соцмережах** --- ### **Підсумок:** Команда `ng add @angular/ssr` - це швидкий спосіб **автоматично увімкнути SSR і Angular Universal** у проєкті без ручного налаштування.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.