О чём занятие
Занятие посвящено подготовке React-приложения к публикации и автоматизации процесса развертывания. Студенты разберут процесс production-сборки приложения, работу с переменными окружения и отличие development-окружения от production. Познакомятся с Docker: Dockerfile, созданием образов и запуском приложения в контейнере. Отдельное внимание уделяется основам CI/CD и настройке автоматического развертывания проекта с помощью GitHub Actions: запуск проверок и тестов, сборка приложения и автоматический деплой после изменений в репозитории.
Цель. Научить студентов самостоятельно собирать, контейнеризировать и развертывать React-приложение, а также понимать и настраивать базовый CI/CD-процесс.
Чему научится
- Понимать production-сборку, Docker, Dockerfile и базовый CI/CD в GitHub Actions
- Работать с переменными окружения и отличать development от production
- Собирать Docker-образ, запускать контейнер и писать workflow проверки → сборка → деплой
- Готовить frontend к production и автоматически выкатывать приложение на сервер
Production-сборка, Dockerfile, запуск в контейнере. GitHub Actions: проверка → тестирование → сборка → деплой на сервер.
Контейнеризировать учебный React-проект и настроить GitHub Actions, чтобы после изменений в основной ветке шли проверки, сборка и деплой.