정적 웹사이트를 배포할 때 가장 많이 쓰는 방법 중 하나는 GitHub와 연동하는 방식입니다. 하지만 문제는 Git을 처음 접하는 분들에게는 생각보다 진입장벽이 높게 다가옵니다. 이미 용어들부터 낯선 용어들이 쏟아져나오면 더 당황스럽죠. 그런데 Vercel은 Github 없이도 HTML 파일만 있으면 바로 배포할 수 있습니다.Git을 몰라도, GitHub 계정 없이도 따라할 수 있는 Vercel 배포 방법을 간단하게 알려드릴게요!
1. Vercel이란 무엇인가?
Vercel은 프론트엔드 개발자와 정적 웹사이트 제작자를 위한 클라우드 배포 플랫폼입니다. HTML, CSS, JS만 있는 정적 사이트도 쉽게 배포할 수 있도록 지원하고 있어 비전공자에게도 매우 유용합니다.
- 완전 무료 요금제로도 충분한 기능 제공
- 초간단 drag & drop 배포 기능 지원
- 빠른 CDN 배포 속도 (글로벌 지원)
- 사용자 지정 도메인 연결 가능
- 자동 HTTPS 인증 (SSL 제공)
2. 깃허브 없이 Vercel에 HTML 직접 올리는 방법
아래 단계를 따라 로컬 HTML 파일만으로 정적 사이트를 배포할 수 있습니다.
- Vercel 회원가입: https://vercel.com 에서 Google 혹은 GitHub 계정으로 로그인
- 새 프로젝트 생성: ‘Add New’ → ‘Project’ 클릭
- HTML 폴더 압축: 완성된 사이트를 .zip 파일로 압축
- 파일 업로드: ‘Deploy’ 메뉴에서 .zip 파일 업로드
- 배포 완료 확인: https://your-project-name.vercel.app 형태의 URL 생성
- 도메인 연결 (선택): 프로젝트 > Settings > Domains 에서 가능
3. 배포할 때 유의할 점과 팁
- index.html 필수: 첫 화면 출력에 반드시 필요
- 경로 설정 주의: CSS/JS 상대 경로 정확히 작성
- 폴더 구조 단순화: css, js, images 등 병렬 배치
- 404.html 활용: 사용자 친화적 에러 메시지 제공
- 빌드 설정 없음: 프레임워크 없으면 자동으로 정적 모드 적용
- 수정 시 재업로드 필요: zip 파일 새로 업로드해야 반영
- 프로젝트 이름 관리: 중복 시 자동 숫자 부여됨 (예: my-site-1)
이러한 팁들을 기억하면, 첫 배포 이후에도 프로젝트를 효과적으로 관리할 수 있습니다.
Vercel은 깃허브 없이도 HTML만으로 정적 웹사이트를 빠르게 배포할 수 있습니다. 정말 편리하죠? 특히 비전공자나 입문자에게 최적화된 환경을 제공하므로, 복잡한 개발 환경이 부담스럽다면 더욱 Vercel을 활용해보는 것을 추천드립니다.