항상 프로젝트를 할 때 vercel로 배포를 해왔었는데 얼마전 한국 ISP에서 이틀동안 vercel.app 차단 이슈를 겪고 다른 PASS를 찾아보다 Cloudflare와 비교해보았다.
| Vercel | Cloudflare | |
|---|---|---|
| 사용이 편리하다는 장점 | 무료로 제공되는 범위가 넓다는 장점 | |
| 장점 | • Next.js 자체가 Vercel에서 만든 프레임워크 | |
| • 빠른 로딩 속도와 확장성 | ||
| • Slack, Sentry 연동 편리 | ||
| • 모든 git push 미리보기 | • 클라우드플레어에 등록한 도메인 바로 연결 가능(CNAME 자동 등록 및 Pages와 연결) | |
| • Cloudflare 망에 배포되기 때문에 로딩속도가 무지 빠름 | ||
| • 권한 관리, 접근 제어 설정 가능 | ||
| • 무료 제공 多 | ||
| • 모든 git push 미리보기 | ||
| 단점 | • 대부분 비용 문제 | |
| • AWS에 비해 커스텀 가능한 정도가 적음 | • 빌드 속도가 느림 | |
| • 정적 웹사이트 호스팅 최적화 ⇒ SSR 활용에 불리 | ||
| • Slack, Sentry 연동의 불편함 |
Vercel 요금제
• 트래픽 100GB를 제공 • 무료 사용자의 경우 하루의 100개 이하의 빌드 • nextJS에서의 pages 12개까지 (SSR, 정적 html은 상관 X)
Cloudflare 요금제
• 무료 계정에서 약관을 위반하지 않는 이상 트래픽이 무제한 • 1달에 500 빌드 말고는 다 unlimited
Which Is Better: Vercel or Cloudflare (Pages + Workers) For Jamstack Deployment? - Intuji
Git integration 자동 연결 - https://velog.io/@jude-ui/CLOUDFLARE로-배포해보기
Github action
🔥 트러블슈팅 - Treating warnings as errors because process.env.CI = true