blog: 블로그 & 프로토타입, 어디에 배포하지?

blog/2026-04-30-블로그-프로토타입-어디에-배포하지.md

@@ -0,0 +1,181 @@
+---
+title: "블로그 & 프로토타입, 어디에 배포하지?"
+description: "GitHub Pages는 정적 파일 호스팅에 가장 간단하지만 상업적 용도가 약관상 금지되고, Vercel Hobby 플랜도 비상업적 용도 한정이라 회사 데모/사이트는 Pro($20/개발자/월)가 필요하다. Cloudflare Pages는 무료 플랜에서 대역폭 무제한 + 상업적 이용 가능해 트래픽 급증이나 회사 정적 사이트에 유리하며, Next.js 프로토타"
+slug: 블로그-프로토타입-어디에-배포하지
+date: 2026-04-30
+authors: [sungyeon]
+tags:
+  - knowledge-sharing
+source_url: "http://fly.io/"
+---
+
+# 블로그 & 프로토타입, 어디에 배포하지?
+
+## TL;DR
+> GitHub Pages는 정적 파일 호스팅에 가장 간단하지만 상업적 용도가 약관상 금지되고, Vercel Hobby 플랜도 비상업적 용도 한정이라 회사 데모/사이트는 Pro($20/개발자/월)가 필요하다. Cloudflare Pages는 무료 플랜에서 대역폭 무제한 + 상업적 이용 가능해 트래픽 급증이나 회사 정적 사이트에 유리하며, Next.js 프로토타입은 Vercel의 DX가 최고지만 ISR/Edge Middleware 의존도가 높아지면 lock-in 위험이 있다. 백엔드+DB가 필요한 풀스택 프로토타입은 Render/Railway/Fly.io로 가되, Render 무료는 15분 미사용 시 30~60초 콜드 스타트가 발생해 운영엔 부적합하다. Vercel 사용 시 대역폭·함수 실행·메모리가 각각 과금되므로 spend limit 설정은 필수다.
+
+블로그 하나, 데모 사이트 하나 띄우려고 할 때마다 같은 고민을 한다. GitHub Pages 가 가장 단순해 보이는데 회사 사이트에는 약관상 못 쓴다고 하고, Vercel 은 매끈하지만 "무료" 라는 게 진짜 무료인지 헷갈린다. 어떤 동료는 갑자기 Cloudflare Pages 로 옮겼다는데 이유는 또 따로 들어봐야 한다.
+같은 질문을 팀에서 또 받기 전에 한 번 정리해두려 한다. 정답을 정해놓는 건 아니고, **상황별로 어디가 가장 마찰이 적은지** 를 빠르게 고를 수 있는 정도가 목표다.
+
+## **급한 사람을 위한 한 줄 요약**
+
+| **상황** | **추천** |
+| 정적 블로그 / 포트폴리오 (Jekyll, Hugo 등) | **GitHub Pages** 또는 **Cloudflare Pages** |
+| Next.js / React 기반 프로토타입 | **Vercel** |
+| 폼 · 인증 등 부가기능이 필요한 정적 사이트 | **Netlify** |
+| 트래픽이 튈 가능성이 있는 사이트 | **Cloudflare Pages** (대역폭 무제한) |
+| 백엔드 + DB 까지 필요한 풀스택 프로토타입 | **Render**, **Railway**, [**Fly.io**](http://fly.io/) |
+이 표가 답이라면 여기서 닫고 가셔도 된다. 더 궁금하시다면 이제 하나씩 풀어본다.
+
+## **GitHub Pages — 가장 간단한 출발점**
+
+`git push` 한 번에 사이트가 뜬다. 학습 곡선이 사실상 없고, 커스텀 도메인을 붙여도 Let's Encrypt HTTPS 가 자동으로 따라온다. Jekyll 빌드가 내장되어 있어 마크다운만 잘 쓰면 블로그 골격이 거의 완성된다. 무엇보다 **공개 저장소라면 완전 무료** 라는 게 강력하다.
+다만 빠르게 부딪히는 한계가 있다. 정적 파일만 호스팅하므로 SSR 이나 API Routes 가 필요해지는 순간 다른 플랫폼으로 옮겨야 한다. 무료 플랜에서는 비공개(private) 저장소를 못 쓰고 — 비공개로 운영하려면 GitHub Pro 가 필요하다 — 사이트 용량 1GB, 월 대역폭 100GB(소프트), 시간당 빌드 10회 같은 한도가 함께 붙는다.
+가장 자주 놓치는 부분은 **약관상 상업 / 이커머스 / SaaS 용도가 금지** 라는 점이다. 회사 마케팅 사이트나 운영 페이지로 쓰면 안 된다. 또 PR 별 프리뷰 배포가 기본 제공되지 않아서, 팀 협업 흐름이 중요해지면 직접 GitHub Actions 를 짜야 한다.
+요약하면 **개인 블로그, 오픈소스 문서, 강의 자료, 포트폴리오** 같은 자리에 가장 잘 어울린다. 회사 사이트엔 후보에서 빼는 게 마음 편하다.
+
+## **Vercel — Next.js 와 가장 잘 맞는, 그러나 "무료" 가 까다로운**
+
+Next.js 제작사가 만든 플랫폼이라는 점이 그대로 강점으로 이어진다. ISR · Edge Middleware · Image Optimization 같은 Next.js 의 무거운 기능들이 별도 설정 없이 동작하고, **PR 마다 프리뷰 URL 이 자동으로 생성** 되는 흐름은 리뷰 · QA 워크플로에 거의 표준처럼 자리잡았다. 환경변수, 도메인, 분석 도구 대시보드의 정돈도가 이 영역에서 1군이라고 봐도 된다.
+진짜 함정은 **"무료" 의 정의** 다. Hobby 무료 플랜은 약관상 **비상업적 · 개인용만 허용** 한다. 회사 데모, 수익 프로젝트, 고객 미팅용 사이트는 모두 약관 위반에 걸린다. 상업 프로젝트는 Pro 가 시작이고 **개발자당 월 20∗∗이라,5명팀이라면최소월20∗∗이라,5명팀이라면최소월100 이다.
+거기에 사용량 기반 과금이 layered 로 붙는다. 대역폭 1TB 초과 시 GB 당 $0.15, 함수 실행 시간과 메모리 별도 청구. Hobby 플랜의 함수 실행 시간은 기본 60초 제한이라 무거운 LLM 호출은 타임아웃 위험이 늘 따라온다. 트래픽이 갑자기 몰리면 청구서가 따라오는 구조라서, **Vercel 을 쓴다면 spend limit 설정은 무조건 먼저** 해두는 게 좋다.
+또 하나, 깊이 쓸수록 lock-in 이 쌓인다는 점도 인지하고 시작해야 한다. 프로토타입 단계에선 거의 신경 쓸 일이 없지만, ISR 과 Edge Middleware 를 적극적으로 쓴 코드는 다른 플랫폼으로 옮길 때 비용이 생각보다 크다.
+**Next.js 프로토타입**, **PR 프리뷰가 워크플로의 핵심인 팀 협업**, **"코드 푸시 → 5초 만에 라이브 URL"** 이 필요한 자리에 가장 잘 맞는다.
+
+## **그 외 — 상황별로 자주 등장하는 후보들**
+
+
+### **Netlify**
+
+Vercel 과 가장 비슷한 포지션이고 JAMstack 의 원조다. 폼 핸들링, Identity (인증), A/B 테스팅 같은 부가 기능이 빌트인이라 **Next.js 가 아닌 정적 사이트에 곁들일 기능이 필요할 때** 1순위로 떠오른다. 무료 100GB 대역폭 / 월 빌드 300분, Pro 는 약 월 $19 시작. 가격대는 Vercel 과 비슷하다.
+
+### **Cloudflare Pages**
+
+요즘 가성비 끝판왕으로 자주 거론된다. **무료 플랜에서 대역폭 무제한** 이라는 한 줄이 모든 걸 설명한다. 트래픽이 튀어도 청구서 걱정이 없고, 전 세계 300+ 엣지 PoP 덕분에 TTFB 가 가장 빠른 편이다. Workers 와 결합하면 가벼운 API 정도는 엣지에서 처리할 수 있다.
+DX 와 Next.js 통합이 Vercel 만큼 매끄럽다고는 못 하지만, OpenNext 어댑터가 나오면서 격차가 많이 좁혀졌다. **개인 블로그 · 포트폴리오 · 콘텐츠 사이트** 라면 한 번쯤 진지하게 검토할 만한 후보고, **Product Hunt 나 HN 노출 같이 트래픽이 튈 가능성** 이 있다면 1순위라고 봐도 된다.
+
+### **Render / Railway / **[**Fly.io**](http://fly.io/)
+
+여기서부터는 풀스택 영역이다. **Render** 는 정적 사이트 + 웹서버 + Postgres DB 까지 한 곳에서 처리할 수 있어서 DB 가 필요한 풀스택 프로토타입에 잘 어울린다. 무료 웹 서비스는 15분 미사용 시 콜드 스타트(30~60초) 가 따라오는 게 함정이라 운영 용도엔 부족하다.
+**Railway** 는 Heroku 후계자 포지션으로 사용량 기반 과금($5 트라이얼 크레딧). [**Fly.io**](http://fly.io/) 는 글로벌 리전 배포가 강점이다. 셋 모두 도커 컨테이너 기반이라 Node · Python · Go 백엔드를 컨테이너로 띄우는 시나리오에 자연스럽다.
+
+### **AWS Amplify / S3 + CloudFront / Firebase Hosting**
+
+**이미 AWS 나 GCP 를 쓰고 있는 회사 환경** 이라면 자연스러운 선택지다. 학습 곡선은 가장 가파르지만 확장성과 세부 제어는 최고고, 보안·감사 요건이 무거운 환경에서는 차라리 이쪽이 답일 때가 많다.
+
+### [**Surge.sh**](http://surge.sh/)** / GitHub Actions 직접**
+
+`surge` 한 줄 명령으로 정적 파일을 즉시 띄울 수 있다. **데모 자리에서 5분 안에 URL 이 필요한 순간** — 이런 자리에서 한 번씩 빛난다.
+
+## **한눈에 비교**
+
+| **항목** | **GitHub Pages** | **Vercel (Hobby)** | **Netlify (Free)** | **Cloudflare Pages (Free)** |
+| **비용** | 무료 (공개 repo) | 무료 (비상업적 한정) | 무료 | 무료 |
+| **상업적 이용** | ❌ 약관상 금지 | ❌ 약관상 금지 | ✅ 가능 | ✅ 가능 |
+| **대역폭** | 100GB / 월 (소프트) | 100GB / 월 | 100GB / 월 | **무제한** |
+| **SSR / API** | ❌ | ✅ | ✅ | ✅ (Workers) |
+| **PR 프리뷰** | ❌ (별도 구성) | ✅ | ✅ | ✅ |
+| **빌드 시간** | 시간당 10회 | 충분 | 월 300분 | 월 500분 |
+| **커스텀 도메인 + HTTPS** | ✅ | ✅ | ✅ | ✅ |
+| **DX / 정돈도** | 보통 | ⭐ 최상 | 우수 | 우수 |
+| **유료 시작가** | GitHub Pro $4 / 월 | $20 / 개발자 / 월 | $19 / 월 | $20~25 / 월 |
+
+## **상황별로 풀어보면**
+
+**개인 블로그를 만들고 싶을 때.** 마크다운 기반(Jekyll · Hugo · Astro) 이라면 GitHub Pages 가 여전히 가장 손쉬운 출발점이다. 비공개 저장소를 쓰고 싶거나 트래픽이 늘 가능성이 있다면 Cloudflare Pages 로 시작하는 게 나중이 편하다. MDX 와 동적 OG 이미지 같은 욕심이 있다면 Vercel.
+회사 기술 블로그라면 GitHub Pages 는 후보에서 뺀다. 약관 때문이다. Cloudflare Pages 또는 Netlify 가 무난하다.
+**프로토타입을 빠르게 띄워야 할 때.** 프론트엔드만 있는 데모는 Vercel 이나 Cloudflare Pages 둘 다 잘 맞는다. Next.js + DB + 인증 조합이라면 Vercel + Supabase / Neon 이 가장 마찰이 적다. 백엔드 컨테이너가 필요해지면 Render 나 Railway 로 넘어간다. 시연 자리에서 5분 안에 URL 이 필요하면 `vercel` CLI 또는 `surge` 한 줄.
+**투자 / 고객 미팅용 데모 사이트라면**, 무조건 상업적 사용이 허용된 플랫폼만 후보다 — Cloudflare Pages, Netlify, Vercel **Pro**. GitHub Pages 와 Vercel Hobby 는 여기서 약관 위반 리스크가 있다.
+**트래픽이 갑자기 몰릴 가능성** (Product Hunt, HN, 갑작스러운 노출) 이 있다면 Cloudflare Pages 가 1순위다. Vercel 을 쓰고 있다면 이 시점 전에 반드시 spend limit 을 걸어두는 게 안전하다.
+**팀이 같이 작업한다면** 프리뷰 배포가 사실상 워크플로의 핵심이라, GitHub Pages 는 따로 Actions 를 짜야 해서 권장하지 않는다. 인원이 많아질수록 per-seat 과금(Vercel · Netlify) 과 사용량 과금(Cloudflare · Render) 의 비용 곡선 차이가 커지므로, 이 차원도 한 번쯤 같이 따져두면 좋다.
+
+## **3분 안에 결정하고 싶다면**
+
+
+```plain text
+정적 파일만 필요한가?
+├─ Yes → 상업적 용도인가?
+│        ├─ Yes → Cloudflare Pages (또는 Netlify)
+│        └─ No  → GitHub Pages (가장 간단) 또는 Cloudflare Pages
+│
+└─ No  → SSR / API 라우트가 필요한가?
+         ├─ Next.js 기반? → Vercel
+         ├─ 다른 프레임워크 + 가벼운 API? → Cloudflare Pages + Workers
+         └─ DB · 백그라운드 작업 · 컨테이너 필요? → Render / Railway / Fly.io
+```
+
+
+## **자주 빠지는 함정**
+
+
+> **"Vercel 무료니까 회사 데모로 써도 되겠지"** — Hobby 는 비상업적 용도 한정이다. 회사 시연이라도 약관상 위반.
+
+  **"GitHub Pages 로 회사 마케팅 사이트"** — 약관상 상업적 SaaS · 이커머스 용도 자체가 금지.
+  **Vercel 한도 미설정** — 트래픽 급증 시 청구서가 따라온다. 시작할 때 spend limit 부터.
+  **사용량 차원이 하나라고 착각** — Vercel 은 대역폭 + 함수 호출 + CPU 시간 + 메모리 + 빌드 시간이 각각 별도 청구다.
+  **"Render 무료니까 운영에도 써도 되겠지"** — 15분 미사용 시 콜드 스타트로 첫 요청이 30~60초 지연된다. 운영 용도엔 부족.
+  **lock-in 무시** — Vercel 의 ISR · Edge Middleware · Image Optimization 을 깊이 쓸수록 다른 플랫폼 이전 비용이 커진다. 프로토타입 단계에선 괜찮지만, 인지하고 쓰자.
+
+## **결론 — 그래서 뭘 써야 하나**
+
+상황을 단순화하면 결국 이렇게 정리된다.
+- **개인 블로그 · 문서**: GitHub Pages (간단함이 최고)
+- **개인 블로그인데 욕심이 있다**: Cloudflare Pages
+- **Next.js 프로토타입**: Vercel (단, 상업 용도면 Pro 결제)
+- **회사 정적 사이트**: Cloudflare Pages 또는 Netlify
+- **풀스택 (백엔드 + DB) 프로토타입**: Render 또는 Railway
+- **글로벌 트래픽 · 바이럴 가능성**: Cloudflare Pages
+이 분류만 머릿속에 있어도 "어디에 띄우지" 라는 질문에 매번 새로 고민하는 시간이 절반 이하로 줄어든다. 시작점만 잡고, 안 맞으면 옮긴다는 마음으로 가도 충분하다 — 마이그레이션이 완전히 무료는 아니지만, 처음부터 완벽한 선택을 하려고 시간을 태우는 것보다는 훨씬 싸게 먹힌다.
+
+> *이 가이드는 2026년 4월 기준이다. 각 플랫폼의 무료 플랜 한도와 약관은 자주 바뀌므로 결제 전 공식 가격 페이지를 한 번 더 확인하는 게 좋다.*
+
+
+
+## 참고자료
+
+
+### GitHub Pages
+
+- **GitHub 공식 문서 — GitHub Pages limits**[https://docs.github.com/en/pages/getting-started-with-github-pages/github-pages-limits](https://docs.github.com/en/pages/getting-started-with-github-pages/github-pages-limits)
+→ 사이트 1GB 용량 제한, 월 100GB 대역폭(soft), 시간당 빌드 10회, 상업적 용도 금지 약관
+- **GitHub Community Discussion #167331**[https://github.com/orgs/community/discussions/167331](https://github.com/orgs/community/discussions/167331)
+→ 무료 플랜에서 비공개 저장소 Pages 사용 불가 정책
+
+### Vercel
+
+- **Vercel 공식 가격 페이지**[https://vercel.com/pricing](https://vercel.com/pricing)
+→ Hobby/Pro/Enterprise 티어, $20/개발자/월, $20 사용량 크레딧 정책
+- **Schematic — Vercel Pricing Plans and Hidden Costs Explained (2026)**[https://schematichq.com/blog/vercel-pricing](https://schematichq.com/blog/vercel-pricing)
+→ 1TB 대역폭 한도, GB당 $0.15 초과 요금, per-seat 과금 구조
+- **TrueFoundry — Understanding Vercel AI Gateway Pricing**[https://www.truefoundry.com/blog/understanding-vercel-ai-gateway-pricing](https://www.truefoundry.com/blog/understanding-vercel-ai-gateway-pricing)
+→ Hobby 플랜 60초 함수 실행시간 제한, 비상업적 용도 한정 약관
+- **Kuberns — Vercel Pricing Made Easy in 2026**[https://kuberns.com/blogs/vercel-pricing/](https://kuberns.com/blogs/vercel-pricing/)
+→ 팀 인원수에 따른 실제 비용, 사용량 차원별 과금 구조
+
+### Cloudflare Pages / Netlify / 비교 자료
+
+- **hosting-ranked.com — Cloudflare Pages vs Vercel vs Netlify (2026)**[https://hosting-ranked.com/cloudflare-pages-vs-vercel-vs-netlify/](https://hosting-ranked.com/cloudflare-pages-vs-vercel-vs-netlify/)
+→ 무제한 대역폭, 빌드 500분/월, Workers 일 100,000 요청, 300+ 엣지 PoP
+- **HTMLPub Blog — Vercel vs Netlify vs Cloudflare Pages**[https://htmlpub.com/blog/vercel-vs-netlify-vs-cloudflare](https://htmlpub.com/blog/vercel-vs-netlify-vs-cloudflare)
+→ 플랫폼별 강점 비교, 사용 사례별 추천
+- **GitHub repo — Wasserpuncher/hosting-platforms-comparison-2026**[https://github.com/Wasserpuncher/hosting-platforms-comparison-2026](https://github.com/Wasserpuncher/hosting-platforms-comparison-2026)
+→ 빌드 속도 벤치마크, 콜드 스타트 측정치, Vercel Fluid Compute 정보
+- **AgentDeals — Hosting & PaaS Free Tier Comparison 2026**[https://agentdeals.dev/hosting-free-tier-comparison-2026](https://agentdeals.dev/hosting-free-tier-comparison-2026)
+→ Render·Railway·Koyeb 등 풀스택 플랫폼 무료 한도, Netlify 크레딧 모델 변화
+- **DanubeData — Cloudflare Pages vs Netlify vs Vercel (2026)**[https://danubedata.ro/blog/cloudflare-pages-vs-netlify-vs-vercel-static-hosting-2026](https://danubedata.ro/blog/cloudflare-pages-vs-netlify-vs-vercel-static-hosting-2026)
+→ 플랫폼별 빌트인 기능 비교 (Netlify Forms, Identity 등)
+
+## References
+- [http://fly.io/](http://fly.io/)
+- [http://surge.sh/](http://surge.sh/)
+- [https://docs.github.com/en/pages/getting-started-with-github-pages/github-pages-limits](https://docs.github.com/en/pages/getting-started-with-github-pages/github-pages-limits)
+- [https://github.com/orgs/community/discussions/167331](https://github.com/orgs/community/discussions/167331)
+- [https://vercel.com/pricing](https://vercel.com/pricing)
+- [https://schematichq.com/blog/vercel-pricing](https://schematichq.com/blog/vercel-pricing)
+- [https://www.truefoundry.com/blog/understanding-vercel-ai-gateway-pricing](https://www.truefoundry.com/blog/understanding-vercel-ai-gateway-pricing)
+- [https://kuberns.com/blogs/vercel-pricing/](https://kuberns.com/blogs/vercel-pricing/)
+- [https://hosting-ranked.com/cloudflare-pages-vs-vercel-vs-netlify/](https://hosting-ranked.com/cloudflare-pages-vs-vercel-vs-netlify/)
+- [https://htmlpub.com/blog/vercel-vs-netlify-vs-cloudflare](https://htmlpub.com/blog/vercel-vs-netlify-vs-cloudflare)
+- [https://github.com/Wasserpuncher/hosting-platforms-comparison-2026](https://github.com/Wasserpuncher/hosting-platforms-comparison-2026)
+- [https://agentdeals.dev/hosting-free-tier-comparison-2026](https://agentdeals.dev/hosting-free-tier-comparison-2026)
+- [https://danubedata.ro/blog/cloudflare-pages-vs-netlify-vs-vercel-static-hosting-2026](https://danubedata.ro/blog/cloudflare-pages-vs-netlify-vs-vercel-static-hosting-2026)