bolt.new 웹사이트를 호스팅하는 방법
bolt.new는 브라우저 안에서 바로 프로젝트를 만들어요. 결과물을 내 URL로 호스팅하려면 내려받아 정적 출력으로 빌드한 뒤 SiteDrop으로 게시하세요.
무료로 사이트 게시하기 →4단계로 게시하기
- bolt.new에서 프로젝트(전체 코드, zip)를 내려받으세요.
- 로컬에서 npm install과 npm run build를 실행해 정적 출력 폴더(보통 dist)를 만드세요.
- 그 폴더 안의 내용을 index.html이 최상위에 오도록 zip으로 묶으세요.
- SiteDrop에 업로드하면 바로 라이브 링크가 생겨요.
사용할 수 있는 파일 형식
bolt.new 프로젝트는 대개 Vite/React 앱이라서, 호스팅하는 건 정적 빌드(dist 폴더), 즉 HTML, CSS, JS, 에셋이에요. 브라우저 안의 미리보기는 영구 URL이 아니므로 정적 출력으로 빌드해 업로드하세요. 서버에 의존하는 기능은 정적 호스팅에서 실행되지 않아요.
문제가 생기는 경우와 해결 방법
- Bolt 미리보기는 되는데 업로드하면 빈 화면이에요.
미리보기는 개발 서버에서 실행돼요. zip에는 빌드된 결과물이 필요해요. npm install && npm run build를 실행하고 dist 폴더 안의 내용을 zip으로 묶으세요.
- 배포한 뒤 에셋이 404가 나요.
빌드 전에 Vite의 base를 './'로 설정해 에셋 URL이 zip 루트 기준 상대 경로가 되게 하고, 다시 빌드해서 zip으로 묶으세요.
- 내려받은 프로젝트에서 npm run build가 실패해요.
먼저 npm install을 실행해 의존성을 설치하고 최신 Node 버전을 쓰세요. dist가 만들어지면 호스팅은 zip 업로드면 끝이에요.
SiteDrop vs 그냥 Netlify 쓰기
Netlify의 git 연동으로 push할 때마다 Bolt 프로젝트를 빌드할 수 있어요. 저장소 연결이나 빌드 설정 없이 영구적이고 브랜드에 맞는 링크를 원한다면 SiteDrop이 더 가벼운 길이에요. 정적 출력을 한 번 빌드하고 zip을 업로드해 URL을 공유하면 돼요. 유료 플랜에서는 커스텀 도메인도 쓸 수 있어요.
bolt.new 호스팅 — 자주 묻는 질문
Bolt에 이미 미리보기가 있는데, 왜 다른 곳에 게시하나요?
브라우저 안의 미리보기는 내 소유의 영구적이고 브랜드에 맞는 URL이 아니에요. SiteDrop으로 빌드를 게시하면 진짜 링크(유료 플랜에서는 커스텀 도메인도)가 생겨요.
bolt.new 사이트를 게시할 준비가 됐나요?
.zip을 업로드하면 1분 안에 공유할 수 있는 라이브 링크가 생겨요. 7일 무료 미리보기, 카드는 필요 없어요.
지금 공개하기 →