vercel-deploy

Vercel Deploy

あらゆるプロジェクトをすぐに Vercel にデプロイできます。認証は不要です。

仕組み

1. プロジェクトを tarball にパッケージ化します（node_modules と .git は除外されます）
2. package.json からフレームワークを自動検出します
3. デプロイサービスにアップロードします
4. プレビュー URL（公開中のサイト）とクレーム URL（Vercel アカウントへの移管用）が返されます

使用方法

bash /mnt/skills/public/vercel-deploy/scripts/deploy.sh [path]

引数：

• path - デプロイするディレクトリ、または .tgz ファイル（デフォルトは現在のディレクトリ）

例：

# Deploy current directory
bash /mnt/skills/public/vercel-deploy/scripts/deploy.sh

# Deploy specific project
bash /mnt/skills/public/vercel-deploy/scripts/deploy.sh /path/to/project

# Deploy existing tarball
bash /mnt/skills/public/vercel-deploy/scripts/deploy.sh /path/to/project.tgz

出力

Preparing deployment...
Detected framework: nextjs
Creating deployment package...
Deploying...
✓ Deployment successful!

Preview URL: https://skill-deploy-abc123.vercel.app
Claim URL:   https://vercel.com/claim-deployment?code=...

スクリプトは、プログラムから使用するための JSON も標準出力に出力します。

{
  "previewUrl": "https://skill-deploy-abc123.vercel.app",
  "claimUrl": "https://vercel.com/claim-deployment?code=...",
  "deploymentId": "dpl_...",
  "projectId": "prj_..."
}

フレームワークの検出

スクリプトは package.json からフレームワークを自動検出します。以下のフレームワークに対応しています。

• React：Next.js、Gatsby、Create React App、Remix、React Router
• Vue：Nuxt、Vitepress、Vuepress、Gridsome
• Svelte：SvelteKit、Svelte、Sapper
• その他のフロントエンド：Astro、Solid Start、Angular、Ember、Preact、Docusaurus
• バックエンド：Express、Hono、Fastify、NestJS、Elysia、h3、Nitro
• ビルドツール：Vite、Parcel
• その他：Blitz、Hydrogen、RedwoodJS、Storybook、Sanity など

静的 HTML プロジェクト（package.json がない場合）では、フレームワークは null に設定されます。

静的 HTML プロジェクト

package.json がないプロジェクトの場合：

• index.html 以外の .html ファイルが1つだけある場合、自動的に名前が変更されます
• これにより、ページがルート URL（/）で配信されます

結果をユーザーに提示する

必ず両方の URL を表示してください。

✓ Deployment successful!

- [Preview URL](https://skill-deploy-abc123.vercel.app)
- [Claim URL](https://vercel.com/claim-deployment?code=...)

View your site at the Preview URL.
To transfer this deployment to your Vercel account, visit the Claim URL.

トラブルシューティング

ネットワーク制限エラー

ネットワーク制限が原因でデプロイに失敗した場合（claude.ai でよく発生します）、ユーザーに次のように伝えてください。

Deployment failed due to network restrictions. To fix this:

1. Go to https://claude.ai/settings/capabilities
2. Add *.vercel.com to the allowed domains
3. Try deploying again