# PreviewShip

> Deploy frontend previews instantly and get shareable links.
> Works with AI coding agents (Claude Code, Cursor, Windsurf) via MCP,
> CLI (npx previewship deploy), VS Code/Cursor extension, or browser upload.
> Free tier available — no credit card required.

## What is PreviewShip?

PreviewShip is a developer tool that lets you deploy static frontend previews and share them via a unique URL. It is designed for "vibe coding" workflows where AI coding agents (Claude Code, Cursor, Windsurf) can deploy previews as part of the conversation using the Model Context Protocol (MCP).

## Key Facts

- Supports any static frontend: React, Vue, Svelte, Angular, Next.js (static export), vanilla HTML/CSS/JS
- Deploy via CLI: `npx previewship deploy ./dist`
- Deploy via MCP: native AI agent integration for Claude Code, Cursor, Windsurf
- Deploy via VS Code / Cursor extension: one-click deploy from editor
- Deploy via browser: drag-and-drop zip upload at previewship.com
- Preview URLs are shareable and publicly accessible
- Free plan: 5 deploys/day, 20/month, 1 project — no credit card required
- Pro Monthly: $9/mo — 20 deploys/day, 8 projects
- Pro Yearly: $84/yr — 35 deploys/day, 12 projects

## How It Works

1. Sign up at https://previewship.com/register (free)
2. Create an API key in your dashboard
3. Deploy: `npx previewship deploy ./dist` or use MCP/extension
4. Share the returned preview URL with your team

## Documentation

- Quick Start: https://previewship.com/docs#quickStart
- CLI Reference: https://previewship.com/docs#cli
- MCP Server Setup: https://previewship.com/docs#mcp
- Cursor IDE Setup: https://previewship.com/docs#cursorSetup
- VS Code Extension: https://previewship.com/docs#vscodeSetup
- API Key Management: https://previewship.com/docs#apiKey
- Deploy from Editor: https://previewship.com/docs#deploy
- Console Deploy (Browser): https://previewship.com/docs#consoleDeploy
- Project Management: https://previewship.com/docs#projects
- Plans & Limits: https://previewship.com/docs#plans
- FAQ: https://previewship.com/docs#faq

## Use Cases

- AI-assisted development: Let Claude Code / Cursor deploy previews during the coding conversation
- Team collaboration: Share preview links for design review and QA
- Rapid prototyping: Deploy and iterate without CI/CD pipeline setup
- Freelance/client work: Send preview links to clients for approval

## Links

- Website: https://previewship.com
- Documentation: https://previewship.com/docs
- VS Code Extension: https://marketplace.visualstudio.com/items?itemName=previewship-BD.previewship
- npm CLI: npx previewship