v0 웹사이트를 호스팅하는 방법
v0는 React(대개 Next.js) 컴포넌트와 페이지를 만들어요. 결과물을 직접 호스팅하려면 코드를 내보내 정적 빌드를 만든 뒤 그 결과물을 SiteDrop에 게시하세요.
무료로 사이트 게시하기 →4단계로 게시하기
- v0에서 프로젝트 코드를 내보내거나 복사하세요.
- 빌드를 실행해 정적 출력 폴더를 만드세요(정적 내보내기라면 보통 out이나 dist).
- index.html을 최상위에 둔 채로 그 폴더 안의 내용을 zip으로 묶으세요.
- zip을 SiteDrop에 업로드하세요.
사용할 수 있는 파일 형식
v0는 React(대개 Next.js) 컴포넌트를 만들어요. 직접 호스팅하려면 정적 빌드, 즉 Next 정적 내보내기(out 폴더)나 Vite dist를 만들어요. 순수 HTML/CSS/JS라서 바로 업로드할 수 있어요. 서버가 필요한 Next 기능(SSR, API 라우트, 서버 액션)은 정적 호스팅에서 실행되지 않지만, 마케팅이나 포트폴리오용 내보내기는 문제없어요.
문제가 생기는 경우와 해결 방법
- 업로드하면 404가 나거나 빈 화면이에요.
아마 소스나 서버용 빌드를 업로드했을 거예요. Next라면 output: 'export'를 설정하고 빌드해 out/ 폴더를 만든 뒤, 그 안의 내용을 index.html이 최상위에 오도록 zip으로 묶으세요.
- next/image나 글꼴이 불러와지지 않아요.
next/image의 최적화 기능은 서버가 필요해요. 정적 내보내기에서는 최적화하지 않은 이미지(또는 일반 <img>)를 쓰고, 글꼴은 직접 호스팅해서 빌드 서버에 의존하는 게 없도록 하세요.
- API 라우트나 서버 액션이 응답하지 않아요.
그 기능들은 Node 서버가 필요해요. 동적인 부분은 Next를 실행하는 플랫폼에 두고, 정적 마케팅 페이지는 여기에 게시하세요.
SiteDrop vs 그냥 Netlify 쓰기
Netlify(Vercel처럼)는 Next 빌드를 서버에서 실행할 수 있어요. v0 결과물이 정적 사이트라면 그런 장치는 필요 없어요. SiteDrop은 내보낸 out 폴더를 zip으로 호스팅해서, 프레임워크 프리셋 설정이나 저장소 연결 없이 1분 만에 내 소유의 URL을 줘요.
v0 호스팅 — 자주 묻는 질문
v0 프로젝트에서 서버 기능을 쓰는데, 정적 호스팅에서 작동할까요?
SiteDrop은 정적 파일을 제공하므로 서버 렌더링이나 API 기능은 실행되지 않아요. 마케팅·포트폴리오 사이트라면 정적 내보내기를 만들어 업로드하고, 서버에 의존하는 앱은 백엔드를 실행하는 플랫폼에 두세요.
v0 사이트를 게시할 준비가 됐나요?
.zip을 업로드하면 1분 안에 공유할 수 있는 라이브 링크가 생겨요. 7일 무료 미리보기, 카드는 필요 없어요.
지금 공개하기 →