<aside> ✅ production 배포 → vercel or cloudflare preview 배포cloudflare preview or github pages(pr-preview-action)

</aside>

Vercel vs 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)

• 트래픽 100GB를 제공 • 무료 사용자의 경우 하루의 100개 이하의 빌드 • nextJS에서의 pages 12개까지 (SSR, 정적 html은 상관 X)

Cloudflare 요금제

• 무료 계정에서 약관을 위반하지 않는 이상 트래픽이 무제한
• 1달에 500 빌드 말고는 다 unlimited

• 무료 계정에서 약관을 위반하지 않는 이상 트래픽이 무제한 • 1달에 500 빌드 말고는 다 unlimited

CloudFlare Pages 소개

Which Is Better: Vercel or Cloudflare (Pages + Workers) For Jamstack Deployment? - Intuji

Vercel 테스트


Cloudflare 테스트