개인 프로젝트 호스팅에 Vercel, Netlify 등 여러 선택지가 있지만, 저는 Cloudflare를 선택했습니다. 가장 큰 이유는 대역폭 무제한입니다.
Vercel
- 100GB/월 대역폭
- 서버리스 함수 제한
- 상업용 유료
Cloudflare
- 대역폭 무제한
- Workers 10만 요청/일
- 상업용도 무료
광고 수익이 있는 사이트도 무료 플랜으로 운영 가능합니다. Vercel은 상업용이면 유료 전환이 필요해요.
왜 Cloudflare인가?
사용하는 서비스
web
Pages
정적 사이트 호스팅. GitHub 연동으로 push하면 자동 배포
functions
Workers
서버리스 함수. 서브도메인 라우팅, API 엔드포인트에 활용
dns
DNS
도메인 관리. 빠른 전파, 무료 SSL 인증서 자동 발급
shield
보안
DDoS 방어, Bot 차단 등 기본 보안 기능 무료 제공
kainos.kr 구조
# 메인 사이트
kainos.kr → Cloudflare Pages
# 서브도메인 (Worker로 라우팅)
*.kainos.kr → 내부 앱들
메인 사이트는 Pages에서 직접 서빙하고, 서브도메인은 Worker가 경로를 라우팅합니다. 모두 무료 플랜 내에서 동작합니다.
설정 방법
- GitHub 연동
Pages에서 GitHub 저장소 연결. 브랜치 push 시 자동 빌드/배포 - 도메인 연결
DNS를 Cloudflare로 이전. 네임서버만 바꾸면 됨 - 빌드 설정
Framework: Next.js (Static), Build command: npm run build - 환경 변수
Supabase URL, API Key 등 Pages 설정에서 추가
비용
₩0/월
무료 플랜으로 충분
- Pages: 빌드 500회/월, 대역폭 무제한
- Workers: 10만 요청/일
- DNS: 무료, SSL 자동
- 상업용 사이트도 무료
팁
speed
정적 빌드 활용
Next.js output: 'export' 설정으로 완전 정적 사이트로 배포
cached
캐시 규칙
이미지, 폰트 등은 캐시 규칙 설정으로 더 빠르게
analytics
Web Analytics
무료 분석 도구 제공. Google Analytics 대안으로 사용 가능