모든 AI 빌더 데모는 *.something.app 미리보기 URL에서 끝납니다. 그건 제품이 아닙니다 —
클릭할 수 있는 스크린샷입니다. 출시한다는 것은 당신의 도메인, HTTPS, 그리고 당신을
놀라게 하지 않는 청구서를 의미합니다. 여기 전체 경로와, 세 주요 호스트가 어떻게
다른지 정리했습니다.
세 가지 호스트
AI로 만든 웹 앱이라면 거의 확실히 이 중 하나에 정착하게 됩니다. 셋 다 커스텀 도메인에 자동 SSL/TLS를 제공하며 설정 흐름도 거의 동일합니다.
| 호스트 | 적합한 경우 | 커스텀 도메인 대상 | 가격 구조 |
|---|---|---|---|
| Cloudflare Pages | 정적 / 콘텐츠 / 비용 민감 | your-project.pages.dev | 정액제; 무제한 대역폭 |
| Vercel | Next.js 비중이 큰 앱 | cname.vercel-dns.com | 넉넉한 무료, 사용량 과금 |
| Netlify | 폼 / 아이덴티티 내장이 필요 | your-site.netlify.app | 팀당 $19/mo, 1 TB |
DNS-에서-HTTPS 루프
흐름은 어디서나 동일합니다:
- 호스트의 대시보드에서 도메인을 추가합니다(“대기 중”으로 표시됩니다).
- 등록기관(또는 Cloudflare의 DNS)에서 DNS를 가리킵니다: 당신의 서브도메인에서
위의 호스트 대상으로 향하는
CNAME. - apex의 경우(
www없는example.com)에는 순수 CNAME을 쓸 수 없습니다 — 호스트/DNS 제공자의 CNAME 플래트닝이나 ALIAS/ANAME 레코드를 사용하세요. Cloudflare는 apex 플래트닝을 자동으로 처리합니다. - 검증을 기다립니다. 호스트가 레코드를 확인하고 인증서를 자동으로 프로비저닝합니다 — 보통 몇 분이면 됩니다. 축하하기 전에 HTTPS로 정상 해석되는지 확인하세요.
nginx도, certbot도, 전파를 지켜보는 일도 없습니다. 사람들이 걸려 넘어지는 두 가지:
apex 대 www(둘 다 설정하고 하나를 다른 하나로 리디렉션), 그리고 이메일과 앱이 같은
도메인을 공유할 수 있다는 사실을 잊는 것.
비용 함정
이것이 튜토리얼이 건너뛰는 부분입니다. Vercel의 무료 티어는 넉넉하지만 사용량 과금이라서 — 한 번의 바이럴 순간이 $0 청구서를 $500 이상의 충격으로 바꿀 수 있습니다. Cloudflare Pages는 정반대입니다: 처음엔 정들기 어렵지만, 트래픽이 어떻든 청구서가 거의 움직이지 않습니다 — 무제한 대역폭, 월 500회 무료 빌드, 프로젝트당 최대 100개의 커스텀 도메인, 그리고 전 세계에서 가장 빠른 CDN(300개 이상의 거점). Netlify는 그 중간에 있으며, 정액 $19/mo 팀 플랜에 폼/아이덴티티가 기본 내장되어 있습니다.
콘텐츠 사이트나 대부분 정적인 앱을 출시하면서 트래픽 급증을 신경 쓰고 싶지 않다면 Cloudflare Pages가 안전한 기본값입니다. Next.js 기능에 깊이 들어가 있다면 Vercel이 가장 저항이 적은 길입니다. 백엔드 없이 내장 폼 처리를 원한다면 Netlify가 제값을 합니다.
결론
배포는 데모와 제품을 가르는 단계이며, 2026년에는 10분짜리 작업입니다 — 단, 당신의 앱에 맞는 호스트를 고르고 기능 목록뿐 아니라 가격 모델을 지켜본다면요. 먼저 앱부터 만드세요: 30분 만에 하나 만드는 법을 보세요.