Azure Static Web Apps에서 Cloudflare Pages로 SPA 마이그레이션: 왜 그리고 어떻게?

Source: Dev.to

최근에 Azure Static Web Apps (SWA) 에서 실행되던 프론트엔드 프로젝트(SPA)들을 Cloudflare Pages 로 마이그레이션하기로 했습니다. 효율적인 Developer Experience (DX) 를 중시하는 사람으로서, 이 변화는 워크플로우를 크게 단순화시켰습니다.

이 포스트에서는 기술적인 이유와 이 전환을 통해 얻을 수 있는 이점들을 다룹니다.

왜 Azure SWA를 떠나야 할까?

Azure SWA는 Microsoft 생태계에 이미 익숙한 사람들에게는 훌륭하지만 몇 가지 마찰 요소가 있습니다:

• CI/CD 설정: GitHub Actions의 .yml 파일에 의존하게 됩니다.
• 대역폭 제한: 무료 플랜은 월 100 GB라는 한도가 있습니다.

Cloudflare Pages가 제공하는 차별점은?

1. 네이티브하고 투명한 배포
   Azure와 달리 Cloudflare Pages는 GitHub Actions 워크플로우를 직접 관리할 필요가 없습니다. 프레임워크를 자동으로 감지하고 빌드한 뒤 자동으로 배포합니다. 리포지토리가 인프라 “소음” 없이 깔끔해집니다.

2. 무제한 대역폭
   초기 비용 없이 확장을 원하는 경우, 무료 플랜의 무제한 대역폭은 큰 차별점이 됩니다.

3. 글로벌 엣지 네트워크
   Cloudflare 인프라가 전 세계에 퍼져 있어, 사용자의 가장 가까운 서버에서 사이트가 제공됩니다. 결과적으로 로딩 속도가 거의 즉시에 가깝습니다.

결론

마이그레이션은 간단합니다: Git을 연결하고, 빌드 명령어(예: npm run build)를 설정한 뒤 도메인을 지정하면 됩니다. 이미 Cloudflare DNS를 사용 중이라면 SSL 설정 및 활성화 과정이 2분 이내에 완료됩니다.

YAML 파일을 다루는 시간을 줄이고 코드에 더 집중하고 싶다면 한 번 시도해볼 가치가 있습니다.