Azure Static Web Apps에서 Cloudflare Pages로 마이그레이션하여 CI/CD 설정 자동화 및 대역폭 제한 해제

Context

Azure Static Web Apps는 GitHub Actions YAML 파일을 통한 수동 CI/CD 설정이 필요했다. 무료 플랜에서 월 100GB의 대역폭 제한이 있었다.

Technical Solution

• GitHub 저장소 연결 방식 변경: GitHub Actions 워크플로우 관리에서 자동 프레임워크 감지 및 빌드로 전환
• 배포 프로세스 단순화: npm run build 같은 빌드 명령어만 설정하면 자동 배포 실행
• 엣지 네트워크 활용: Cloudflare의 전역 인프라를 통해 지역별로 가장 가까운 서버에서 콘텐츠 제공
• 대역폭 제약 제거: 무료 플랜에서 무제한 대역폭 지원
• SSL/DNS 통합: 기존 Cloudflare DNS 사용 시 SSL 활성화를 2분 내에 완료

Key Takeaway

관리해야 하는 인프라 설정 코드를 최소화하면서도 자동화와 확장성을 확보할 수 있다. SPA 호스팅 시 배포 파이프라인의 단순함과 네트워크 최적화를 함께 고려하는 것이 중요하다.