Глава 15 · Часть 3

CI/CD for Frontend Web

A focused chapter on ci/cd for frontend web, with practical delivery concerns, trade-offs, and the operational questions behind CI/CD work.

15-1

Почему CI/CD для фронтенда — это не CI/CD для бэкенда

Разбираем ключевые отличия CI/CD для фронтенда и бэкенда: кеширование, зависимость от API, тестирование в браузере и сборка с хешами. Практические рекомендации для инженеров.

5 мин.
15-2

Два способа доставки фронтенда: статические файлы или работающий сервер

Выбор между статическим фронтендом, SSR и SSG определяет весь пайплайн развертывания. Разбираем, когда нужен сервер, а когда достаточно папки с файлами.

5 мин.
15-3

Почему развертывание статического фронтенда проще, чем вы думаете

React, Vue или Angular приложение собрано. Но как доставить папку dist пользователям без сломанных страниц и кэш-проблем? Разбираем pipeline для статического фронтенда: хэширование, immutable deployment, инвалидация кэша.

5 мин.
15-4

Когда ваш фронтенд требует сервера: построение CI/CD пайплайна для SSR-приложений

Разбираем ключевые отличия деплоя SSR-приложений от статических сайтов: сборка с правильным таргетом, обязательные health checks, стратегии деплоя и отслеживание версий.

5 мин.
15-5

Хватит делиться скриншотами: почему вашей команде нужны preview-развертывания для ревью UI

Узнайте, как preview-развертывания заменяют скриншоты при ревью UI, ускоряют обратную связь и ловят баги до мержа. Практическое руководство для инженеров и менеджеров.

4 мин.
15-6

Как сохранить совместимость фронтенда с API, с которым он работает

Узнайте, как избежать рассинхронизации фронтенда и API в CI/CD. API-версионирование, фича-флаги и контрактное тестирование — практические методы для инженеров и DevOps.

5 мин.
15-7

Выпуск изменений фронтенда без поломок

Как безопасно выкатывать новые версии фронтенда: staged rollout для статики, canary и blue-green для SSR, откат без паники. Практические советы для инженеров.

6 мин.
15-8

Что происходит после выхода фронтенда в продакшн? Мониторинг, который действительно работает

Вы только что выкатили новую версию фронтенда. Сборка прошла, деплой завершён, CDN раздаёт свежий бандл. Но через пять минут пользователь из Юго-Восточной Азии сообщает, что кнопка оформления заказа не реагирует на клик. Логи сервера чисты, API отвечает нормально. Проблема невидима с вашей стороны.

5 мин.