GitHub·Cloudflare·Vercel·Netlify 공식 연결 링크와 선택 기준

가장 먼저 추천하는 조합

일반 HTML·React/Vite 정보형 웹은 GitHub + Cloudflare Pages가 단순합니다. Next.js 중심 project는 Vercel이 편하고, Netlify는 static site와 deploy preview가 익숙한 사용자에게 좋은 대안입니다. GitHub Pages는 문서·portfolio에는 좋지만 상거래와 민감한 transaction 용도로는 적합하지 않습니다.

웹 종류	추천	기본 output
순수 HTML/CSS/JS	Cloudflare Pages	`public` 또는 root
React + Vite	Cloudflare Pages / Vercel / Netlify	`dist`
Next.js	Vercel 우선	Framework 자동 감지
관리자·API·Database	Cloudflare Workers + D1 + R2	Worker entry
문서·portfolio	GitHub Pages도 가능	branch 또는 Actions

바로 여는 공식 연결 버튼

ChatGPT ↔ GitHub설정 → 앱 → GitHub 연결 공식 안내 GitHub 새 repository이름과 공개 설정이 미리 채워진 생성 화면 GitHub App 권한ChatGPT·Cloudflare가 볼 repository 추가 Cloudflare Pages 만들기GitHub repository 연결·자동 배포 Vercel 새 projectGit repository import Netlify 새 siteGitHub에서 continuous deployment 시작 Google Search Consoledomain 등록·sitemap 제출 Google AdSense광고 account와 site 검토 시작 PageSpeed InsightsMobile·Desktop 성능 검사

연결 센터 전체 화면 열기

Cloudflare Pages 입력값

Project 종류	Build command	Output directory
순수 HTML, `public/index.html`	비우기 또는 `exit 0`	`public`
React + Vite	`npm run build`	`dist`
Astro	`npm run build`	`dist`

output directory는 인터넷에 공개할 실제 build 결과 folder입니다. 정답을 외우기보다 repository 안의 index.html 또는 build script를 확인해야 합니다.

repository가 목록에 없을 때

GitHub Installed Apps를 엽니다.
ChatGPT 또는 Cloudflare Workers and Pages app을 선택합니다.
Repository access를 Only select repositories로 두고 새 repository를 추가합니다.
5분 정도 기다린 뒤 다시 목록을 엽니다.

서비스를 잘못 고르면 생기는 문제

FastAPI server를 Pages에 그대로 올리면 backend가 실행되지 않음
설치 파일을 Git repository에 계속 넣으면 repository가 비대해짐
GitHub Pages는 상거래·민감 transaction host로 쓰지 않기
branch preview는 production과 검색 색인을 대신하지 않음

공식 참고: Cloudflare Git integration ↗ · Vercel Git deployment ↗ · Netlify repository linking ↗