Deploying-Frontend-apps-

Deploying Frontend Apps: React + Nginx + CI/CD 🚀

📦 Технологический стек

Frontend

• React + Vite + TypeScript

Backend

• FastAPI (в разработке)

База данных

• PostgreSQL (в разработке)

DevOps

• Docker, Docker Compose
• GitHub Actions (CI/CD)
• Nginx (сейчас не используется)

Хостинг

• Yandex Cloud
• Домен: allower.ru
• Network Load Balancer → (в разработке переход на L7)

---

🛠️ Этапы развертывания

1. Настройка серверов

• Сервера на Ubuntu

2. Установка необходимого ПО

bash apt install nginx docker

3. Nginx только для проверок! systemctl start nginx , в базе systemctl stop nginx and systemctl disable nginx
4. Работа с VPC Создана VPC → allower-net

Создана подсеть → allower-pod-net

5. Объединение узлов Все узлы включены в одну подсеть allower-pod-net

6. Создание целевой группы https://github.com/user-attachments/assets/b5736c37-ee74-4067-913c-683c92184fa9

7. Настройка Load Balancer Создан Network Load Balancer в своей сети

8. Локальная проверка Проверка работоспособности через Nginx ✅

9. Покупка и настройка домена Приобретен домен allower.ru

Настроены DNS-серверы Yandex

10. Настройка DNS-записи Создана зона в Yandex Cloud

Добавлена запись типа A с IPv4 Load Balancer

11. Результат

12. Создадим сертификат SSL от LETS_ENCRYPT в самом яндексе

• так по интрукции добавить запись в dns

13. создаем L7 балансер через визард

создадим либо до либо уже при самой настройки целевые узлы (

14. группа бэкэндов ( можно создать также до )

15. создадим роутер

16. создадим обработчик

17. Итог

окончательно перешел на docker-compose, в следствие появилась система мониторинга Prometheus + Grafana

• тут настройка ( просто скачал утилиту Prometheus и добавил в Dashdboards )

вот фрагмент

Итоговый итог )

🔜 Планы по развитию В разработке: Добавление SSL-сертификата при переходе на L7 Load Balancer ✅

Миграция на docker-compose ✅

Интеграция Grafana и Prometheus для мониторинга ✅

• бд -

• backend -

• добавить FastCGI к nginx

  ---

  Что бы просто поднять на сервере ---> поставить docker, запулить код, docker-compose up -d