본인 account로 연결할 곳을
한 화면에서 바로 열기
개인 blog나 광고성 글이 아니라 OpenAI, GitHub, Cloudflare, Vercel, Netlify, Google의 공식 page만 모았습니다.
공식 연결 링크
각 card는 새 창에서 열립니다. login과 OAuth는 모두 독자 본인의 account로 진행합니다.
본인 GitHub account를 만듭니다.
공식 page 열기 ↗AI·GitHubChatGPT GitHub 연결설정 → 앱 → GitHub에서 본인 repository 접근을 허용합니다.
공식 page 열기 ↗AI·GitHubOpenAI Codexsource 수정·test·commit·push가 필요할 때 사용하는 coding agent입니다.
공식 page 열기 ↗GitHub새 repository 만들기Owner가 본인 account인지 확인하고 빈 repository를 만듭니다.
공식 page 열기 ↗GitHub설치된 GitHub AppsChatGPT·Cloudflare가 볼 repository 범위를 조정합니다.
공식 page 열기 ↗GitHubGitHub CLIWindows 한 번 실행 script에서 본인 account로 로그인할 때 사용합니다.
공식 page 열기 ↗CloudflareCloudflare account 만들기본인 email로 무료 account를 만듭니다.
공식 page 열기 ↗CloudflareWorkers 및 Pages본인 project와 deployment를 관리합니다.
공식 page 열기 ↗Cloudflare새 Pages projectPages → Git에 연결 → 본인 repository를 선택합니다.
공식 page 열기 ↗CloudflareGit integration 공식 안내push 자동 배포와 preview branch 절차입니다.
공식 page 열기 ↗CloudflareGit 연결 관리·복구repository가 보이지 않을 때 GitHub App 권한을 확인합니다.
공식 page 열기 ↗CloudflareBuild 설정Framework별 build command와 output directory를 확인합니다.
공식 page 열기 ↗Cloudflarecustom domain본인이 소유한 domain을 Pages에 연결합니다.
공식 page 열기 ↗CloudflareD1·R2 binding관리자·문의·upload 기능의 resource 연결입니다.
공식 page 열기 ↗CloudflareDirect Upload 안내Git 자동 배포가 필요 없는 수동 배포 방식입니다.
공식 page 열기 ↗대안Vercel 새 projectReact·Next.js repository를 import합니다.
공식 page 열기 ↗대안Vercel Git 배포branch push와 production 배포 동작을 확인합니다.
공식 page 열기 ↗대안Netlify 새 project기존 repository를 import해 continuous deployment를 연결합니다.
공식 page 열기 ↗대안Netlify Git 배포Git push 자동 배포 설정을 확인합니다.
공식 page 열기 ↗검색·광고Search Console본인 site property와 sitemap을 등록합니다.
공식 page 열기 ↗검색·광고Search Console 도움말property·sitemap·색인 문제를 확인합니다.
공식 page 열기 ↗검색·광고Google AdSense본인 account로 site 검토와 광고 등록을 시작합니다.
공식 page 열기 ↗검색·광고AdSense publisher ID승인 후 본인의 pub ID 위치를 확인합니다.
공식 page 열기 ↗검사PageSpeed InsightsMobile·Desktop 성능을 검사합니다.
공식 page 열기 ↗검사Rich Results TestArticle JSON-LD 같은 구조화 data를 검사합니다.
공식 page 열기 ↗검색 결과가 없습니다.
순수 HTML package 예시 입력값
Repository: [본인 GitHub ID]/[repository 이름]Production branch: mainFramework preset: 없음일반 HTML: Build command 비워두기이 guide package: python generate_site.pyOutput directory: publicRoot directory: 비워두기일반 Git integration은 Build command를 비워둘 수 있습니다. Pages Functions를 함께 쓰거나 명시적 성공 command가 필요하면 exit 0을 사용합니다.
이 guide package의 generator는 Cloudflare가 주는 CF_PAGES_URL을 자동으로 사용합니다. custom domain은 HANBANG_SITE_URL 환경변수로 지정합니다.
Vite는 보통 npm run build와 dist를 사용합니다. 실제 folder tree와 framework를 먼저 확인하세요.