PreviewShipPreviewShip
정적 페이지를 공유 링크로

정적 페이지를 업로드하고, 바로 공유 링크를 받으세요

HTML, Markdown, PDF, ZIP 또는 빌드된 정적 사이트를 게시하고 바로 공유할 링크를 받으세요. 도메인, 서버 또는 Git 설정이 필요 없습니다.

지금 배포 시작 — 무료로그인Showcase 갤러리
배포 프리뷰
PreviewShip

산출물을 공개 URL로

브라우저에서 바로 열 수 있는 출력물을 Git 설정 없이 리뷰 링크로 만듭니다.

입력

dist/index.html

배포

previewship deploy --json

공유

https://demo.previewship.net

실행 상태
산출물 검증 완료
라우트 생성 완료
엣지 동기화 완료
공유 가능
형식
BuildHTMLMDPDF
결과

demo.preview...

입력
dist/build/out/public, zip, .html, .md, .pdf 또는 HTML 붙여넣기
출력
공개 HTTPS 프리뷰 URL
Agent 경로
MCP, CLI 또는 JSON 출력
설정
Git/CI/CD 불필요. 프레임워크는 먼저 build, 단일 HTML/Markdown/PDF은 바로 가능
업로드 우선 워크플로

프론트엔드 빌드, HTML, Markdown, PDF 업로드

React/Vue/Vite/Next는 먼저 build를 실행한 뒤 dist/build/out/public 또는 index.html이 포함된 zip을 업로드합니다. 단일 HTML, Markdown, PDF는 바로 게시할 수 있습니다.

업로드로 시작HTML, Markdown 또는 PDF 업로드 페이지

dist/build/out zip, .html, .md 또는 .pdf 드롭

소스 프로젝트가 아니라 브라우저에서 바로 열 수 있는 출력을 업로드하세요.

업로드 가능

React/Vue/Vite/Next 정적 export: index.html 포함 dist/build/out/public zip
index.html과 HTML/CSS/JS assets
report.html, README.md, docs.markdown, report.pdf 또는 agent 생성 HTML

업로드 금지

package.json과 src/가 포함된 소스 zip
node_modules 또는 의존성 폴더
build 전 React/Vue/Next/Vite 소스
Build, HTML, Markdown 또는 PDF
정적 배포
Live URL

사용자가 이미 시도하는 워크플로를 중심으로 설계

AI HTML 결과물

ChatGPT, Claude, Cursor, coding agents가 생성한 리포트, 프로토타입, 대시보드, 단일 파일 페이지를 게시합니다.

HTML, Markdown 및 PDF 직접 지원

.html, Markdown, .pdf를 직접 업로드하거나 CLI/MCP로 ./page.html, ./README.md, ./report.pdf를 게시하세요. PDF는 브라우저 기본 전체 화면 리더로 열립니다.

프레임워크 빌드 산출물

React, Vue, Vite, Next, Astro, Svelte는 build 후 지원됩니다. 소스 폴더가 아닌 dist/build/out/public을 업로드하세요.

프론트엔드 빌드, HTML, Markdown, PDF 게시

아티팩트에서 라이브 URL까지 모든 워크플로를 위한 제품

대부분의 호스팅 도구는 HTML 붙여넣기, zip 업로드, CLI 중 하나에 최적화되어 있습니다. PreviewShip은 브라우저용 빌드, AI 생성 HTML, Markdown, 전체 화면 PDF 링크, 에디터 배포, MCP agent를 함께 지원합니다.

HTML 붙여넣고 게시

완성된 HTML 문서를 붙여넣고 ChatGPT, Claude, Gemini, Cursor 출력의 URL을 받으세요.

자세히 보기

단일 HTML, Markdown 또는 PDF 파일 업로드

report.html, README.md, docs.markdown, report.pdf 등을 업로드하세요. HTML과 Markdown에는 웹 진입점을 만들고 PDF는 브라우저 기본 전체 화면 리더로 엽니다.

자세히 보기

React/Vue 빌드 배포

Vite, React, Vue, Next 정적 export, Astro, Svelte 출력인 dist, build, out, public 또는 index.html이 포함된 zip을 배포합니다.

자세히 보기

AI 에이전트가 배포

MCP 또는 CLI JSON 출력으로 에이전트가 프리뷰 링크를 반환할 수 있습니다.

자세히 보기

실제 동작 보기

개발자와 AI 코딩 에이전트 간의 샘플 대화입니다.

에이전트 전달URL 준비 완료
히어로 섹션, 기능 그리드, 가격표가 포함된 SaaS 제품의 랜딩 페이지를 만들어 줘.
AI 에이전트
바로 만들어 드리겠습니다. Write(landing/index.html) — 186줄 Write(landing/style.css) — 124줄 Write(landing/app.js) — 95줄 랜딩 페이지가 완성되었습니다! landing/index.html을 열어 미리 보세요.
좋아! 팀에 공유할 수 있도록 배포해 줄 수 있어?
AI 에이전트

PreviewShip에 배포하고 공유 링크를 받아 드리겠습니다.

$ previewship deploy ./landing --json
배포 완료! 이 링크를 팀에 공유하세요: https://my-saas.previewship.net 이 링크는 누구나 접근할 수 있습니다.

아이디어에서 공유 가능한 URL까지 — 대화를 떠나지 않고.

즉각적인 프리뷰에 필요한 모든 것

React/Vue/Vite/Next 빌드 산출물, 생성 HTML, Markdown, PDF 문서와 프론트엔드 산출물을 콘솔, 에디터, 터미널, AI agent에서 배포하세요. 복잡한 설정이 필요 없습니다.

즉각적인 프리뷰

dist/build/out/public 빌드 산출물을 업로드하고 몇 초 만에 프리뷰 URL을 받으세요. CI/CD 설정은 필요 없습니다.

AI HTML 지원

생성된 HTML 리포트, Markdown 노트, 대시보드, 랜딩 페이지, 프로토타입을 공개 프리뷰 링크로 게시하세요.

AI 에이전트 지원

Claude Code, Cursor, Windsurf, Codex, OpenClaw 등 AI 코딩 에이전트를 위해 설계되었습니다. MCP 또는 CLI로 배포하세요.

Codex 채팅 공유

선택형 share-codex-chat skill을 설치하면 Codex 대화를 고충실도 PreviewShip 링크로 게시할 수 있습니다.

Claude Code 채팅 공유

선택형 share-claude-code-chat skill로 Claude Code 대화를 도구 타임라인과 숨겨진 추론 처리까지 포함한 공유 페이지로 게시합니다.

CLI 배포

dist/build/out 또는 단일 HTML, Markdown, PDF를 터미널에서 한 명령으로 배포하세요. 스크립트, CI, AI agent에 적합합니다.

MCP 네이티브

MCP 서버를 기본 지원합니다. MCP 호환 에이전트라면 도구 호출로 프리뷰를 배포할 수 있습니다.

수동 업로드

빌드 산출물 zip, 단일 HTML/Markdown/PDF 업로드 또는 HTML 붙여넣기를 콘솔에서 사용할 수 있습니다. 플러그인이 필요 없습니다.

어디서나 공유

팀원, 클라이언트, 이해관계자와 즉시 공유할 수 있는 고유한 프리뷰 링크를 받으세요.

AI 도구가 실제로 생성하는 페이지를 위해 설계

결과물이 브라우저에서 실행 가능하다면 다음 단계는 공유입니다. PreviewShip은 그 단계를 줄입니다.

AI 생성 HTML 리포트

대시보드, 분석, 계산기, 시각화를 리뷰 가능한 링크로 게시합니다.

Claude와 ChatGPT artifact

단일 파일 artifact를 코드나 스크린샷 없이 공개 URL로 변환합니다.

프론트엔드 리뷰 프리뷰

staging 없이 진행 중인 UI를 공유합니다.

에이전트형 프론트엔드

에이전트가 빌드, 패키징, 배포, URL 반환까지 수행합니다.

AI 에이전트를 위한 설계

AI 코딩 에이전트에서 직접 프리뷰를 배포하세요. 두 가지 통합 방법 중 워크플로에 맞는 것을 선택하세요.

CLI
# Install (or use npx directly)
npm install -g previewship

# Set your API Key
previewship login

# Deploy
previewship deploy ./dist
previewship deploy ./report.html

# JSON output for agents
previewship deploy ./dist --json
previewship deploy ./report.html --json

CLI

터미널이나 AI 에이전트에서 명령 하나로 배포. 자동화를 위한 JSON 구조 출력을 지원합니다.

한 번에 배포

명령 하나 또는 도구 호출 한 번으로 라이브 사이트를 생성합니다.

설정 불필요

매니페스트나 프로젝트 파일이 필요 없습니다. 지정하고 바로 배포하세요.

구조화된 출력

에이전트가 쉽게 파싱할 수 있는 JSON 응답을 제공합니다.

글로벌 CDN

전 세계 엣지 네트워크에서 사이트를 제공합니다.

선택형 Agent 채팅 skills

작업 과정 자체에 맥락이 필요할 때 AI 코딩 대화를 공유하세요.

Codex와 Claude Code 사용자는 PreviewShip skills로 보이는 채팅 기록을 고품질 HTML 페이지로 변환하고, 디버깅 메모, 구현 기록, 리뷰 인수인계를 위한 공개 URL로 게시할 수 있습니다.

일반 배포에는 불필요고품질 채팅 기록리뷰 맥락 공유에 유용
Claude Code skill 문서 보기

Codex 채팅 공유

보이는 Codex transcript를 고품질 PreviewShip 페이지로 내보냅니다.

Codex 문서
skill 설치
npx skills add blockdancez/PreviewShip --skill share-codex-chat -a codex -g --yes
Codex에서 사용
$share-codex-chat 分享当前 Codex 对话

Claude Code 채팅 공유

Claude Code JSONL 기록을 읽기 쉬운 페이지로 렌더링하고, 추론 본문은 숨기며, 도구 활동은 접을 수 있는 타임라인으로 유지합니다.

Claude Code 문서
skill 설치
npx skills add blockdancez/PreviewShip --skill share-claude-code-chat -a codex -g --yes
Codex에서 사용
$share-claude-code-chat 分享 Claude Code 对话
프리뷰 호스팅 비교

공개 프리뷰 URL만 필요할 때 Git 기반 호스팅보다 빠릅니다

PreviewShip은 AI 빌더가 반복하는 흐름, 즉 생성 HTML 또는 빌드 결과물을 넣고 공유 링크를 받는 흐름에 집중합니다.

vs HTML PubTiiny Host Alternativevs Surgevs Aired
워크플로PreviewShip일반 정적 호스트
Single HTML/Markdown/PDFPaste HTML, upload .html/.md/.markdown/.pdf, or deploy ./page.html and ./README.md from CLI/MCP/editor.저장소, 파일 관리자, 서브도메인, zip이 필요한 경우가 많음.
AI 에이전트MCP, CLI, 구조화 JSON이 주요 경로.사람용 대시보드나 Git push 중심인 경우가 많음.
프론트엔드 빌드서비스 가능한 dist/build/out/public 업로드.Git과 빌드 설정에 연결되는 경우가 많음.
리뷰 링크임시 프리뷰, QA, 승인용으로 설계.일반 호스팅이나 프로덕션 배포 중심.

사용 방법

세 가지 간단한 단계로 프론트엔드 프리뷰를 공유하세요.

01

업로드

React/Vue/Vite/Next의 빌드된 정적 산출물을 업로드하거나 단일 HTML/Markdown/PDF을 콘솔, VS Code/Cursor, CLI, MCP agent에서 직접 게시합니다.

02

배포

프로젝트를 글로벌 CDN에 배포하고 고유한 프리뷰 URL을 생성합니다.

03

공유

팀과 프리뷰 링크를 공유하세요. 어떤 브라우저에서도 즉시 확인할 수 있습니다.

에디터 확장 프로그램

VS Code 또는 Cursor에서 명령 하나로 배포하세요.

Cursor

Cursor는 VS Code 확장 프로그램과 완벽하게 호환됩니다. 설치 방법은 동일합니다.

  1. 1

    Cursor를 열고 Ctrl+P (Mac은 Cmd+P)를 누른 후 아래 명령을 붙여넣고 Enter를 누르세요:

    ext install previewship.previewship
  2. 2

    명령 팔레트(Ctrl+Shift+P)에서 "PreviewShip: Set API Key"를 실행하고 API Key를 입력하세요.

  3. 3

    프로젝트 폴더를 열고 "PreviewShip: Deploy Workspace, HTML, Markdown, or PDF File"을 실행하거나 .html/.md/.pdf 파일을 열고 "PreviewShip: Deploy Active HTML, Markdown, or PDF File"을 실행하면 몇 초 안에 프리뷰 링크를 받을 수 있습니다.

VS Code

VS Code 마켓플레이스에서 설치하거나 명령 팔레트를 사용하세요.

  1. 1

    VS Code를 열고 Ctrl+P (Mac은 Cmd+P)를 누른 후 아래 명령을 붙여넣고 Enter를 누르세요:

    ext install previewship.previewship
  2. 2

    명령 팔레트(Ctrl+Shift+P)에서 "PreviewShip: Set API Key"를 실행하고 API Key를 입력하세요.

  3. 3

    프로젝트 폴더를 열고 "PreviewShip: Deploy Workspace, HTML, Markdown, or PDF File"을 실행하거나 .html/.md/.pdf 파일을 열고 "PreviewShip: Deploy Active HTML, Markdown, or PDF File"을 실행하면 몇 초 안에 프리뷰 링크를 받을 수 있습니다.

아직 API Key가 없으신가요? 무료로 가입한 후 콘솔의 API Keys 페이지에서 생성하세요.

VSIX 다운로드

Cursor / VS Code에서 오프라인 또는 수동 설치용

간단하고 투명한 요금제

무료로 시작하고 비밀번호 접근, 더 긴 보관, 더 많은 롤백 기록, 더 높은 배포 한도가 필요할 때 업그레이드하세요. 출시 할인은 결제 시 자동 적용됩니다.

무료

$0 영구 무료
  • 프로젝트 슬롯 1개(사용하지 않는 프로젝트를 삭제해 공간 확보)
  • 하루 5회 배포
  • 최대 15 MB zip
  • 3일 프리뷰 만료
  • 최근 3개 롤백 버전
  • PreviewShip 워터마크 표시
시작하기
가장 인기

Pro 월간

$9
$8.10 /月
10% 할인 자동 적용
  • 프로젝트 20개
  • 하루 50회 배포
  • 최대 50 MB zip
  • 30일 프리뷰 만료
  • 고정 링크 비밀번호 접근
  • 롤백 버전 10개
  • PreviewShip 워터마크 없음
구독

Pro 연간

$84
$75.60 /年 (월 $6.30)
10% 할인 자동 적용
  • 프로젝트 40개
  • 하루 80회 배포
  • 최대 80 MB zip
  • 365일 프리뷰 만료
  • 고정 링크 비밀번호 접근
  • 롤백 버전 40개
  • PreviewShip 워터마크 없음
구독

자주 묻는 질문

PreviewShip에 대한 일반적인 질문입니다.