GitHub Pages vs Vercel vs 1page.run — HTML 하나 올리는 데 뭐가 맞을까
AI가 만들어준 HTML을 올릴 곳을 찾다 보면 GitHub Pages와 Vercel이 먼저 나옵니다. 세 도구가 각각 언제 맞는 선택인지, git·빌드 개념 없이도 판단할 수 있게 비교했습니다.
Brandon · 1page.run 만드는 사람
· 3분 읽기
목차 · 6개 섹션
"AI한테 HTML을 받았는데 이걸 어디에 올리지?"를 검색하면 GitHub Pages와 Vercel이 제일 먼저 나와요. 둘 다 훌륭한 도구예요. 그런데 저는 이 조합 때문에 포기하는 사람을 많이 봤어요 — 페이지 하나 올리려고 git을 배우기 시작하는 거예요.
결론부터 말하면, 이건 도구의 우열 문제가 아니라 일의 크기 문제예요.
flowchart LR
A(["올릴 게 뭔가?"]) --> B(["여러 파일 프로젝트<br/>계속 운영"]) --> C(["GitHub Pages<br/>Vercel"])
A --> D(["HTML 한 장<br/>지금 보여주기"]) --> E(["1page.run"])
classDef default fill:#ffffff,stroke:#0A0A0A,stroke-width:2px,color:#0A0A0A
classDef accent fill:#20E070,stroke:#0A0A0A,stroke-width:2px,color:#0A0A0A
classDef ink fill:#0A0A0A,stroke:#0A0A0A,stroke-width:2px,color:#ffffff
class E accent
class C ink
GitHub Pages — 무료지만, git이 전제예요
GitHub 저장소에 파일을 올리면 아이디.github.io 주소로 사이트가 나오는 서비스예요. 무료고, 안정적이고, 커스텀 도메인도 붙어요. 오픈소스 문서나 개발 포트폴리오라면 표준에 가까운 선택이에요.
다만 전제가 있어요. 계정, 저장소, 커밋, 푸시. 개발자에겐 공기 같은 개념인데, "AI한테 페이지 하나 받았을 뿐"인 사람에겐 이게 전부 신규 학습이에요. 반영도 즉시가 아니라 몇 분 걸리고, 수정할 때마다 같은 과정을 반복해요.
Vercel·Netlify — 프로젝트를 운영한다면 최고
Vercel과 Netlify는 개발 프로젝트의 지속 배포에 최적화된 도구예요. 코드 저장소를 연결해두면 수정할 때마다 자동으로 배포되고, 미리보기·도메인·서버 기능까지 다 있어요. 이 블로그가 올라가 있는 곳도 Vercel이에요. 진짜 서비스를 만든다면 여기로 가는 게 맞아요.
역시 전제가 있어요. 계정을 만들고, 프로젝트를 연결하고, 빌드라는 개념과 친해져야 해요. "운영할 프로젝트"가 있을 때 진가가 나오는 도구라서, 한 장짜리 결과물엔 장비가 과해요.
1page.run — 한 장을 지금 바로
1page.run는 반대쪽 끝이에요. 계정도 저장소도 빌드도 없이, HTML을 붙여넣고 발행을 누르면 링크가 나와요. 30초예요.
- 로그인 없이 발행돼요 (익명 페이지는 7일 유지, 계정으로 보관하면 무제한)
- 내용을 고쳐도 주소가 그대로라 다시 뿌릴 필요가 없어요
- 카톡·슬랙에 보내면 제목이 담긴 미리보기 카드가 자동으로 붙어요
- HTML만이 아니라 마크다운도 알아서 렌더링돼요
대신 정직하게 말하면 — 파일 여러 개로 된 프로젝트, 커스텀 도메인, 서버 기능이 필요해지면 1page.run의 영역이 아니에요. 그때가 Vercel로 갈 때예요.
한눈 비교
| GitHub Pages | Vercel·Netlify | 1page.run | |
|---|---|---|---|
| 첫 발행까지 | 저장소·푸시 학습 | 계정·프로젝트 연결 | 붙여넣기 30초 |
| 필요한 개념 | git | 빌드·배포 | 없음 |
| 여러 파일 프로젝트 | ○ | ◎ | ✕ (한 장 전용) |
| 수정 반영 | 커밋 → 수 분 | 푸시 → 자동 배포 | 붙여넣기 → 즉시, 같은 주소 |
| 커스텀 도메인 | ○ | ○ | ✕ |
| 맞는 일 | 문서·포트폴리오 운영 | 서비스 개발·운영 | 한 장 빨리 보여주기 |
정리
내가 하려는 게 "프로젝트 운영"인지 "한 장 보여주기"인지만 정하면 답이 나와요. 후자인데 git부터 배우고 있었다면, 그 HTML을 그냥 붙여넣어 보세요. Claude 아티팩트를 링크로 만드는 구체적인 과정은 이 글에서 다뤄요.
자주 묻는 질문
코딩을 모르는데 GitHub Pages를 쓸 수 있나요?
쓸 수는 있지만 계정·저장소·커밋·푸시라는 git 개념을 먼저 익혀야 해요. HTML 한 장을 올리는 게 목적이라면 붙여넣기 방식(1page.run)이 학습 없이 바로 돼요.
1page.run으로 올린 페이지는 언제까지 유지되나요?
로그인 없이 발행한 페이지는 7일 유지되고, 계정을 만들어 보관하면 기간 제한 없이 유지돼요.
나중에 진짜 서비스로 키우려면 어떻게 하나요?
파일 여러 개짜리 프로젝트가 되는 시점에 Vercel·Netlify로 옮기는 게 맞아요. 1page.run은 검증·공유 단계, Vercel은 운영 단계로 나눠 쓰면 돼요.
글쓴이
Brandon
1page.run 만드는 사람
AI로 만든 결과물을 로그인·세팅 없이 링크로 공유하는 가장 빠른 방법을 만들고 있어요. 직접 쓰다 겪은 문제를 그대로 글로 옮겨요.