Skip to main content
Glama

🚀 Deploy MCP

あらゆるウェブサイトをVercelにデプロイ — AI IDEから数秒で。

npm version License: MIT TypeScript Node.js Vercel

無料。オープンソース。サーバーコストゼロ。バイブコーダーのために作られました。

クイックスタート • IDE設定 • ツール • トラブルシューティング • コントリビューション


✨ Deploy MCPとは?

Deploy MCPは、AIコーディングアシスタント(Cursor、VS Code、Antigravityなど)があなたのウェブサイトをVercelに自動デプロイできるようにする無料のオープンソースMCP(Model Context Protocol)サーバーです。環境変数の完全な同期、ビルド検証、Gitの安全性チェックを備えています。

AIチャットで**「デプロイして」**と言うだけです。それだけです。

You:  "Deploy this website."

AI:   ✓ Next.js detected
      ✓ Build check passed
      ✓ Environment variables verified (secrets never exposed)
      ✓ Deployed to Vercel

      🎉 Live at: https://my-portfolio.vercel.app

Related MCP server: Vercel MCP Relay Server

⚡ クイックスタート — 3ステップでデプロイ

ステップ1 — セットアップを実行(一度だけ)

ターミナルを開いて実行:

npx @tusharjain-19/deploy-mcp setup

これにより:

  • Vercel Personal Access Tokenを尋ねられます(取得方法は下記参照)

  • あなたのマシンに安全に保存します

  • IDEに貼り付ける正確な設定を表示します

Vercelトークンの取得方法:

  1. vercel.com/account/tokens にアクセス

  2. **「Create Token」**をクリック

  3. 任意の名前を付けます(例:deploy-mcp)

  4. スコープをFull Accessに設定

  5. トークンをコピーし、セットアップウィザードの指示に従って貼り付け


ステップ2 — IDEに追加

お使いのIDEに合った設定をコピーして、設定ファイルに追加してください:

Cursor

ファイルの場所:%APPDATA%\Cursor\User\settings\cursor_settings.json(Windows)または ~/.cursor/rules/cursor_settings.json(Mac/Linux)

{
  "mcpServers": {
    "deploy": {
      "command": "npx",
      "args": ["-y", "@tusharjain-19/deploy-mcp"],
      "disabled": false
    }
  }
}

VS Code + Claude Extension

ファイルの場所:settings.json(Ctrl+Shift+P → 「Open Settings JSON」)

{
  "claude.mcp.servers": [
    {
      "name": "deploy",
      "command": "npx",
      "args": ["-y", "@tusharjain-19/deploy-mcp"]
    }
  ]
}

Antigravity (VS Code + Antigravity AI)

ファイルの場所:settings.json(Ctrl+Shift+P → 「Open Settings JSON」)

{
  "claude.mcp.servers": [
    {
      "name": "deploy",
      "command": "npx",
      "args": ["-y", "@tusharjain-19/deploy-mcp"]
    }
  ]
}

✅ 設定を保存したらIDEを再起動してください。


ステップ3 — デプロイ!

IDEでプロジェクトフォルダを開き、AIに伝えてください:

"Deploy this website"

AIがそこからすべてを処理します:

1. Scans your project           → Detects Next.js / React / Vue / etc.
2. Runs build check             → Makes sure your code compiles
3. Checks git status            → Warns if files aren't committed
4. Scans environment variables  → Keys only, values NEVER exposed to AI
5. Syncs missing env vars       → Uploads secrets directly to Vercel
6. Deploys to Vercel            → Triggers the actual deployment
7. Polls until live             → Waits and confirms it's up
8. Returns your live URL 🎉

🔄 バージョン管理(Git)— 組み込み

Deploy MCPには完全なGitサポートが組み込まれています。AIは以下が可能です:

機能

AIに依頼するコマンド

未コミットの変更を確認

「gitステータスを確認して」

デプロイ前にコミット&プッシュ

「変更をコミットしてデプロイして」

漏れた.envファイルを検出

「.envがgitに含まれていないか確認して」

ベストプラクティス: デプロイ前に必ずコードをコミットしてください。AIにこう依頼しましょう:「'fix: update homepage' というメッセージで変更をコミットしてからデプロイして」

Gitツールはデプロイ中に自動的に動作します。未コミットの変更がある場合、AIが警告し、先にコミットするかどうかを尋ねます。


🧰 利用可能なツール

AIは4つのモジュールにわたる16のツールにアクセスできます:

📦 プロジェクトツール

ツール

機能

smart_deploy

オールインワンデプロイ — 検出、チェック、env同期、デプロイ、ポーリング、障害の自動診断

detect_project

フレームワーク(Next.js、React、Vueなど)とビルド設定を検出

check_project

プロジェクトが正常にビルドできるか検証

project_report

完全なプレフライトレポート — git、ビルド、env、すべて

delete_project

Vercelプロジェクトを完全に削除(OSポップアップによる手動承認が必要)

🔐 環境変数ツール

セキュリティ: シークレット値がAIに届くことは決してありません。キー名のみが表示されます。値はあなたのマシンからVercelに直接送信されます。

ツール

機能

scan_env

ローカルの.env変数をすべて一覧表示(名前のみ、値は非表示)

compare_env

Vercelとローカルの.envで不足しているものを表示

sync_env

不足しているシークレットをマシンからVercelに直接アップロード

create_env_example

すべての値を空にした安全な.env.exampleファイルを生成

validate_environment_variables

ローカルenvを.env.exampleの要件と照合

check_env_leak

🚨 .envファイルが誤ってGitに追跡されていないか検出

🌿 Gitツール

ツール

機能

git_status

ブランチ、未コミットファイル、変更数を表示

git_commit_and_push

すべての変更をコミットしてリモートにプッシュ

☁️ Vercelツール

ツール

機能

deploy_to_vercel

デプロイをトリガー

get_deployment_status

現在のデプロイステータスをポーリング

get_deployment_logs

デバッグ用の生ビルドログを取得

diagnose_build_failure

ログを解析し、AIが読める修正提案を提供


🛠 トラブルシューティング

❌ 「Vercelが認証されていません」またはトークンエラー

npx @tusharjain-19/deploy-mcp setup

セットアップを再実行し、新しいトークンを貼り付けてください。トークンがFull Accessスコープであることを確認してください。


❌ 「MCPがIDEに表示されない」

  1. 貼り付けたJSON設定を再確認 — カンマや括弧の欠落がないか確認

  2. IDEを完全に再起動(すべてのウィンドウを閉じて再度開く)

  3. サーバーを手動でテスト:

    npx @tusharjain-19/deploy-mcp

    次のように表示されるはずです:Deploy MCP server running on stdio


❌ デプロイ中に「ビルド失敗」

AIにこう依頼してください:「ビルド失敗を診断して修正して」 — diagnose_build_failureツールがエラーログを自動的に解析し、AIに何を修正すべきかを正確に伝えます。

よくある原因:

  • npm installの欠落 → プロジェクトでnpm installを実行

  • Node.jsのバージョンが間違っている → package.jsonに"engines": { "node": "20" }を追加

  • 環境変数の欠落 → AIにenv変数の同期を依頼


❌ 「環境変数が同期されない」

  • VercelトークンがFull Access権限を持っていることを確認

  • AIに伝えるプロジェクト名がVercelプロジェクト名と完全に一致していることを確認

  • 実行:「ローカルenv変数とVercelを比較して」 — AIが不足しているものを正確に表示します


❌ 「.envファイルが誤ってGitに入っている」

AIにこう依頼してください:「.envがgitに追跡されていないか確認して」

check_env_leakツールがそれを検出します。見つかった場合は修正してください:

# Remove .env from git tracking (keeps the file locally)
echo ".env" >> .gitignore
echo ".env.local" >> .gitignore
git rm --cached .env
git rm --cached .env.local
git commit -m "fix: remove .env from git tracking"

❌ ローカルで「モジュールが見つかりません」エラー

npm install
npm run build

❌ 「Vercel CLIが見つからない」

Deploy MCPはVercel REST APIを直接使用します — Vercel CLIは不要です。それでもCLIが必要な場合:

npm install -g vercel

⚙️ 仕組み

 ┌─────────────────────────────────────────────────┐
 │  Your IDE (Cursor / VS Code / Antigravity)      │
 │                                                 │
 │  You say: "Deploy this"                         │
 └───────────────────┬─────────────────────────────┘
                     │ MCP Protocol (stdio)
                     ▼
 ┌─────────────────────────────────────────────────┐
 │  Deploy MCP Server (runs on YOUR machine)       │
 │                                                 │
 │  ├── detect_project()   → Read package.json     │
 │  ├── check_project()    → Run build locally     │
 │  ├── scan_env()         → Read .env names only  │
 │  ├── sync_env()         → Push secrets directly │
 │  └── deploy_to_vercel() → Trigger deployment    │
 └───────────────────┬─────────────────────────────┘
                     │ Vercel REST API
                     ▼
 ┌─────────────────────────────────────────────────┐
 │  Vercel                                         │
 │  ├── Finds or creates your project              │
 │  ├── Receives encrypted env vars                │
 │  ├── Builds your site                           │
 │  └── Returns your live URL 🎉                   │
 └─────────────────────────────────────────────────┘

セキュリティモデル

❌  INSECURE (secret touches the AI):
    .env → AI Model → MCP → Vercel

✅  DEPLOY MCP (secret never leaves your machine):
    .env → MCP Process → Vercel API
               ↑
      AI sees key NAMES only, never values

🔧 開発セットアップ

ソースからDeploy MCPをローカルで実行したいですか?

# 1. Clone the repo
git clone https://github.com/Tusharjain-19/deploy-mcp.git
cd deploy-mcp/mcp-server

# 2. Install dependencies
npm install

# 3. Build TypeScript
npm run build

# 4. Run setup wizard
npm run setup

# 5. Start the server (IDEs do this automatically)
npm run dev

IDEなしですべてのツールをテスト

npx @modelcontextprotocol/inspector npx tsx src/index.ts

これによりブラウザUIが開き、すべてのツールを手動で呼び出して出力を確認できます。

利用可能なスクリプト

スクリプト

コマンド

説明

Build

npm run build

TypeScriptをdist/にコンパイル

Dev

npm run dev

tsxでサーバーを直接実行

Setup

npm run setup

セットアップウィザードを実行


📁 プロジェクト構造

mcp-server/
├── src/
│   ├── index.ts                    ← MCP server entry (all 16 tools registered)
│   │
│   ├── tools/
│   │   ├── smart-deploy.ts         ← All-in-one deploy with auto-diagnose
│   │   ├── check-project.ts        ← Build validation
│   │   ├── deploy.ts               ← Vercel deployment trigger
│   │   ├── diagnose.ts             ← Build failure diagnosis
│   │   ├── env-vars.ts             ← .env scanning, diffing, syncing
│   │   ├── git.ts                  ← Git status, commit, leak detection
│   │   ├── logs.ts                 ← Deployment log fetching
│   │   ├── delete-project.ts       ← Safe project deletion with OS prompt
│   │   └── project-report.ts       ← Master pre-flight report
│   │
│   ├── vercel/
│   │   └── client.ts               ← Vercel REST API wrapper
│   │
│   ├── utils/
│   │   ├── config.ts               ← Token storage/retrieval
│   │   ├── filesystem.ts           ← File reading utilities
│   │   └── framework-detector.ts   ← Framework & package manager detection
│   │
│   └── cli/
│       ├── index.ts                ← CLI entry point
│       └── setup.ts                ← Interactive setup wizard
│
├── dist/                           ← Compiled JS (auto-generated, git-ignored)
├── package.json
├── tsconfig.json
└── README.md

🗺 ロードマップ

バージョン

ステータス

機能

v1.0

✅ 完了

プロジェクト検出、ビルドチェック、Vercelデプロイ、ステータスポーリング

v1.5

✅ 完了

envスキャン(漏洩なし)、env差分、env同期、gitツール、プロジェクトレポート

v1.6

✅ 完了

スマートデプロイ(障害の自動診断)、安全なプロジェクト削除

v2.0

🔄 予定

AIエラー自動修正ループ、プレビューデプロイ、ロールバック

v3.0

💭 将来

Netlify/Railwayサポート、GitHub統合、チームデプロイ


🔄 自動アップデート

IDE設定がnpx -y @tusharjain-19/deploy-mcpを使用しているため、Node.jsはIDEがサーバーを起動するたびにnpmから最新バージョンを自動的に取得します。手動のアップデートコマンドは不要です — 常に最新の機能と修正が自動的に適用されます。


🤝 コントリビューション

コントリビューションを歓迎します!これはコミュニティのために作られた無料のオープンソースプロジェクトです。

# Fork the repo, then:
git clone https://github.com/YOUR-USERNAME/deploy-mcp.git
cd deploy-mcp/mcp-server
npm install

# Create a feature branch
git checkout -b feature/my-feature

# Make changes, then build and test
npm run build

# Commit and push
git commit -m "feat: add my feature"
git push origin feature/my-feature

# Open a Pull Request on GitHub

大きな変更の場合は、まずissueを開いてください。バグ修正やドキュメント改善はいつでも歓迎します!


🔐 セキュリティ

原則

実装方法

シークレットがAIに触れることはない

scan_envはキー名と分類のみを返す

外部サーバーなし

MCPは完全にあなたのマシン上で動作

同意なしの上書きなし

sync_envはデフォルトで既存のVercel変数をスキップ

漏洩検出

check_env_leakはデプロイ前にgit ls-filesをスキャン

トークンはローカルに保存

~/.deploy-mcp/config.json — あなたのマシンのみ

ハードコードされた認証情報なし

コードベースにハードコードされたトークンはゼロ


👨💻 について

Tushar Jainによって構築 — AIと実際のプロダクト出荷の間のギャップを埋めるツール。


📄 ライセンス

MITライセンス — 永久に100%無料。商用プロジェクトでの使用、変更、配布が可能です。全文はLICENSEを参照してください。


バイブコーダーのために❤️を込めて作られました

⭐ 時間を節約できたら、このリポジトリにスターを!

GitHub stars

Related MCP Connectors

Related MCP Servers