내 사이트 어디에 만들지?

기능 → 플랫폼 판정 가이드  ·  GitHub Pages + Namecheap DNS

먼저 이것만 물어봐

✓ GitHub Pages로 충분
✗ 서버/DB 필요 → Vercel + Supabase

기능별 정확한 조합

하고 싶은 것플랫폼추가 도구비용
글·이미지 보여주기 GitHub Pages 없음 무료
간단한 도구 앱
계산기, 메모, 변환기		 GitHub Pages 없음 (localStorage) 무료
폼 → 이메일 받기 GitHub Pages Formspree.io 무료
로그인 + 게시판 Vercel Supabase (DB + Auth) 무료 (소규모)
이미지/파일 업로드 Vercel Supabase Storage 무료 (1GB)
결제 Vercel Stripe 거래의 2.9%
AI 기능 (ChatGPT 등) Vercel API키 숨겨야 함 Vercel Functions 무료 (소규모)
React / Next.js 앱 Vercel 없음 (Vercel이 알아서 빌드) 무료 (소규모)

GitHub Pages 세팅 순서 (3분)

1
GitHub에서 레포 만들기 — Public 필수
github.com → New repository → Public 체크 → Create
2
index.html 파일 올리기
레포 메인 페이지 → Add file → Upload → index.html 선택 → Commit
3
Pages 켜기
Settings → Pages → Source: Deploy from a branch → Branch: main / (root) → Save
4
URL 확인
https://계정명.github.io/레포이름/ — 빌드 1~3분 소요

커스텀 도메인 연결 (Namecheap)

먼저 확인: Namecheap → Manage → Nameservers가 Namecheap BasicDNS인지 확인.
ns1.vercel-dns.com 같은 외부 서버면 Vercel이 DNS를 장악 중 → BasicDNS로 먼저 변경.
루트 도메인 (example.com)
A @ 185.199.108.153 A @ 185.199.109.153 A @ 185.199.110.153 A @ 185.199.111.153
www 서브도메인
CNAME www 계정명.github.io
조직 레포면 조직명.github.io
+
레포에 CNAME 파일 추가
파일명: CNAME (확장자 없음)   내용: www.example.com
+
GitHub Pages Custom domain 입력
Settings → Pages → Custom domain → www.example.com → Save
전파 확인: nslookup www.example.com 8.8.8.8 실행 → 185.199.x.x 나오면 완료. 보통 30분~2시간 소요.

DNS 레코드 한눈에

타입언제 쓰는가HostValue
A 루트 도메인 → IP @ IP 주소 (예: 185.199.108.153)
CNAME 서브도메인 → 다른 주소로 별칭 www username.github.io
NS DNS 관리 자체를 외부로 위임
이게 Vercel 주소면 Vercel이 DNS 전체 장악		 @ ns1.vercel-dns.com 등

안 될 때 체크리스트

?
DNS 바꿨는데 적용 안 됨
NS 레코드가 외부 서비스 주소인지 확인 → Namecheap BasicDNS로 변경 후 재시도
?
www는 되는데 example.com(루트)이 안 됨
CNAME은 루트 도메인에 못 씀 → A 레코드 4개 (GitHub IP) 별도 추가 필요
?
페이지가 404
파일명이 정확히 index.html인지 확인 · 레포가 Public인지 확인
?
HTTPS 경고
DNS 전파 후 Settings → Pages → Enforce HTTPS 체크. 인증서 발급 최대 24시간
Unfold AT 스킬 카드 · GitHub Pages + Namecheap · 2026-05-24