Cloudflare Pages를 이용해 나만의 AI 사이트를 무료로 배포하는 전체 과정을 단계별로 설명합니다. API 토큰 발급부터 첫 배포까지 완전 가이드.
Cloudflare배포수익화사이트제작
💡
활용 방법
아래 단계를 순서대로 따라 하면 누구나 무료로 AI 사이트를 배포할 수 있습니다. Cloudflare 계정만 있으면 시작할 수 있어요.
📄 자료 내용
Cloudflare Pages는 정적 사이트와 서버리스 앱을 무료로 배포할 수 있는 플랫폼입니다. 월 무제한 요청, 글로벌 CDN, 자동 SSL 인증서까지 무료로 제공됩니다.
📌 전체 배포 흐름
1단계 — Cloudflare 계정 만들기
→ https://cloudflare.com 접속 후 회원가입
→ 이메일 인증 필수 (인증 메일 확인 후 클릭)
2단계 — API 토큰 발급
→ 우측 상단 프로필 → My Profile → API Tokens
→ "Create Token" 클릭
→ "Custom Token" 선택
→ 권한 설정: Cloudflare Pages:Edit, Workers Scripts:Edit 등 선택
→ 토큰 생성 후 반드시 복사해 보관 (다시 볼 수 없음!)
3단계 — 프로젝트 빌드
→ 로컬에서 npm run build 실행
→ dist/ 폴더 생성 확인
4단계 — Cloudflare Pages 프로젝트 생성
→ npx wrangler pages project create 프로젝트명 --production-branch main
5단계 — 배포 실행
→ npx wrangler pages deploy dist --project-name 프로젝트명
→ 배포 완료 후 .pages.dev 주소 자동 생성
6단계 — 배포 확인
→ 생성된 URL 브라우저에서 접속
→ 정상 작동 확인!
💡 핵심 팁
- 무료 플랜으로 운영 가능 (월 500건 빌드 제한)
- 자동 HTTPS 적용으로 보안 걱정 없음
- 전 세계 200개 이상 엣지 서버로 빠른 속도
📋 복사해서 바로 쓰기
복사용 텍스트
# Cloudflare Pages 배포 명령어 모음
# 1. 인증 확인
npx wrangler whoami
# 2. 빌드
npm run build
# 3. 프로젝트 생성 (최초 1회)
npx wrangler pages project create [프로젝트명] --production-branch main
# 4. 배포
npx wrangler pages deploy dist --project-name [프로젝트명]
# 5. 재배포 (수정 후)
npm run build && npx wrangler pages deploy dist --project-name [프로젝트명]
✨
활용 팁
API 토큰은 절대 외부에 공개하지 마세요. 깃헙에 올릴 때도 .env 파일로 분리해서 .gitignore에 추가하는 것이 안전합니다. 토큰이 노출됐다면 즉시 Cloudflare 대시보드에서 삭제 후 재발급하세요.