[Feat] 프론트엔드 EC2 배포 설정 및 nginx 설정

[rimeir]

📌 개요

• 프론트엔드 Vercel 배포 방식을 EC2로 전환하기 위한 Docker 설정및 배포 파이프라인을 구성했습니다.
• nginx + certbot 기반 HTTPS 적용을 위한 설정을 추가했습니다.

🚀 관련 이슈

• 관련된 이슈 번호: [Feature] 프론트엔드 배포 환경 변경 및 nginx 설정 #45

✅ 변경 사항

• 프론트엔드 Dockerfile (Next.js SSR)
• 프론트엔드 GitHub Actions CI/CD로 EC2 자동 배포 구성 (frontend.yml)
• nginx 리버스 프록시 및 HTTPS 설정 추가
• docker-compose 통합 구성 (프론트 + 백엔드 + DB + nginx)

📝 상세 내용

Dockerfile

• Next.js SSR 앱을 위한 Dockerfile 추가

nginx.conf

• / → frontend, /api → backend 프록시 구성
• listen 80 + listen 443 ssl 구성
• Let's Encrypt 인증서 경로(/etc/letsencrypt/...) 포함
• certbot 적용

docker-compose.yml

• frontend, backend, db, nginx 통합 구성
• MySQL에 healthcheck 추가
• nginx에 인증서 경로와 볼륨 mount

frontend.yml

• develop, main 브랜치 push 시 자동 배포
• AWS ECR에 이미지 push 후, EC2 SSH 접속하여 docker compose pull && up -d 수행