사이드 프로젝트를 만들었는데, 어디에 올려야 할지 모르겠다면 이 글이 도움이 될 거다. 세 플랫폼 다 써본 후기다. 2026년 현재, Vercel, Netlify, Cloudflare Pages가 개발자들 사이에서 가장 인기 있는 호스팅 플랫폼이다. 여기서는 세 서비스의 성능, 가격, 특징을 비교하고 프로젝트 유형별 최적의 선택을 알아보자.
✅ 이 글에서 알 수 있는 것
- Vercel vs Netlify vs Cloudflare Pages 비교표
- 무료 플랜 대역폭·빌드 시간 비교
- 프로젝트 유형별 최적 선택 가이드
- 실제 사용 경험 기반 추천
📑 목차
1. 3대 호스팅 플랫폼 한눈에 비교
| 항목 | Vercel | Netlify | Cloudflare Pages |
|---|---|---|---|
| 무료 플랜 | 100GB 대역폭/월 | 100GB 대역폭/월 | 무제한 대역폭 |
| 유료 플랜 시작가 | $20/월 (Pro) | $19/월 (Pro) | $5/월 (Workers Paid) |
| 빌드 시간 (무료) | 6,000분/월 | 300분/월 | 500빌드/월 |
| 엣지 네트워크 | 글로벌 엣지 | 글로벌 CDN | 330+ 도시 (업계 최대) |
| 프레임워크 최적화 | Next.js 최강 | 범용 (Hugo, Gatsby 등) | 범용 + Workers |
| 서버리스 함수 | Edge Functions | Netlify Functions | Cloudflare Workers |
| Git 통합 | GitHub, GitLab, Bitbucket | GitHub, GitLab, Bitbucket | GitHub, GitLab |
| 미리보기 배포 | O | O | O |
2. Vercel – Next.js 개발자의 첫 번째 선택
Vercel은 Next.js를 만든 팀이 운영하는 호스팅 플랫폼으로, React 기반 프로젝트에 최적화되어 있다.
강점
- Next.js 최고 호환성: SSR, ISR, App Router 등 모든 기능 완벽 지원
- 제로 설정 배포: Git push만 하면 자동 빌드·배포
- 미리보기 URL: PR마다 고유한 미리보기 URL 자동 생성
- Edge Functions: 전 세계 엣지에서 서버리스 함수 실행
약점
- Next.js 외 프레임워크에서는 최적화 이점 감소
- 무료 플랜 상업적 사용 제한
- 빌드 시간 초과 시 요금 상승 가능
가격
| 플랜 | 가격 | 대역폭 | 빌드 시간 |
|---|---|---|---|
| Hobby | 무료 | 100GB | 6,000분 |
| Pro | $20/월 | 1TB | 24,000분 |
| Enterprise | 커스텀 | 무제한 | 무제한 |
추천: Next.js 프로젝트, React 기반 SPA, 프론트엔드 중심 프로젝트
3. Netlify – 가장 직관적인 배포 경험
Netlify는 Jamstack 아키텍처를 대중화한 플랫폼으로, 다양한 프레임워크를 폭넓게 지원합니다.
강점
- CI/CD 통합: 빌드부터 배포까지 원스톱 파이프라인
- 폼 처리: 서버 없이 HTML 폼 데이터 수집 가능
- Identity: 내장 인증 시스템 제공
- 플러그인 생태계: 빌드 과정을 커스텀하는 다양한 플러그인
약점
- 무료 플랜 빌드 시간 300분으로 제한적
- 대규모 트래픽 시 비용 상승 빠름
- 엣지 성능이 Vercel, Cloudflare 대비 약간 뒤처짐
가격
| 플랜 | 가격 | 대역폭 | 빌드 시간 |
|---|---|---|---|
| Starter | 무료 | 100GB | 300분 |
| Pro | $19/월 | 1TB | 25,000분 |
| Business | $99/월 | 1.5TB | 25,000분 |
추천: Hugo, Gatsby 등 정적 사이트, Jamstack 프로젝트, 폼이 필요한 랜딩 페이지
4. Cloudflare Pages – 무제한 대역폭의 파괴력
Cloudflare Pages는 세계 최대 CDN 네트워크(330+ 도시)를 기반으로 한 호스팅 서비스이다.
강점
- 무제한 대역폭: 무료 플랜에서도 대역폭 제한 없음
- 글로벌 엣지 네트워크: 330개 이상 도시, 사용자 가장 가까운 곳에서 응답
- Cloudflare Workers: 강력한 엣지 컴퓨팅 플랫폼
- 보안: DDoS 방어, WAF, SSL 기본 제공
약점
- 프레임워크별 최적화는 Vercel보다 약함
- 빌드 설정이 다소 수동적
- Bitbucket 미지원
가격
| 플랜 | 가격 | 대역폭 | 빌드 |
|---|---|---|---|
| Free | 무료 | 무제한 | 500빌드/월 |
| Pro | $5/월 (Workers) | 무제한 | 5,000빌드/월 |
| Enterprise | 커스텀 | 무제한 | 무제한 |
추천: 높은 트래픽 정적 사이트, 글로벌 사용자 대상 서비스, 보안이 중요한 프로젝트
💡 직접 경험
개인 프로젝트에서 Vercel과 Cloudflare Pages를 모두 사용해 봤다. Next.js 프로젝트는 Vercel에 올리면 설정 없이 바로 배포되어 편리했고, 정적 블로그는 Cloudflare Pages의 무제한 대역폭이 매력적이었다. Netlify도 써봤지만, 무료 플랜의 빌드 시간 제한(300분)에 자주 걸려서 결국 다른 플랫폼으로 이전했다. 소규모 프로젝트라면 세 플랫폼 모두 무료로 충분하니, 직접 배포해보고 선택하는 것을 추천한다.
5. 프로젝트별 최적 선택 가이드
| 프로젝트 유형 | 추천 플랫폼 | 이유 |
|---|---|---|
| Next.js 앱 | Vercel | 네이티브 지원, 최적화 자동 적용 |
| 개인 블로그 (Hugo, Jekyll) | Cloudflare Pages | 무제한 대역폭 무료 |
| 마케팅 랜딩 페이지 | Netlify | 폼 처리, A/B 테스트 내장 |
| 포트폴리오 사이트 | Cloudflare Pages | 무료로 충분, 빠른 글로벌 전송 |
| SaaS MVP | Vercel | Edge Functions + DB 연동 편리 |
| 대규모 트래픽 미디어 | Cloudflare Pages | 무제한 대역폭 + DDoS 방어 |
| 풀스택 웹 앱 | Vercel 또는 Railway | 서버리스 + DB 통합 |
6. 호스팅 선택 시 체크리스트
- 프레임워크 호환성 — 사용하는 프레임워크가 최적화되는 플랫폼 선택
- 예상 트래픽 — 트래픽이 많다면 Cloudflare Pages의 무제한 대역폭 활용
- 빌드 빈도 — 자주 배포한다면 빌드 시간/횟수 제한 확인
- 서버리스 함수 필요 여부 — API 호출이 필요하면 함수 지원 확인
- 팀 규모 — 협업 기능과 미리보기 배포 지원 확인
- 비용 예측 — 무료 플랜으로 시작 후 트래픽 증가 시 비용 시뮬레이션
관련 글: [2026년 AI 업무 생산성 도구 추천](/?p=2763) — 개발 생산성을 높이는 도구도 함께 확인하세요.
마무리
2026년 웹호스팅 시장은 Vercel, Netlify, Cloudflare Pages의 3강 구도가 확고합니다. 세 플랫폼 모두 넉넉한 무료 플랜을 제공하므로, 실제로 프로젝트를 배포해보고 경험으로 판단하는 것이 가장 좋다.
핵심은 간단합니다: Next.js면 Vercel, 정적 사이트면 Cloudflare Pages, Jamstack이면 Netlify. 이 기준으로 시작하면 대부분의 프로젝트에서 최적의 선택을 할 수 있다.
📌 세 플랫폼 다 무료니까 고민하지 말고 다 써보자. 직접 배포해보면 5분 만에 답이 나온다.
❓ 자주 묻는 질문
Q. 무료로 웹사이트를 호스팅할 수 있나?
A. 가능하다. Vercel, Netlify, Cloudflare Pages 모두 넉넉한 무료 플랜을 제공한다. 특히 Cloudflare Pages는 대역폭이 무제한이다.
Q. Next.js 프로젝트는 어디에 올려야 하나?
A. Vercel이 가장 적합하다. Next.js를 만든 팀이 운영하는 플랫폼이라 설정 없이 바로 배포되고 최적화도 자동 적용된다.
Vercel 무료 배포 시작하기