deploying-to-production について
Webサイトやアプリのデプロイを、ビルド、GitHubリポジトリの作成または確認、コードのプッシュ、Vercelへのデプロイ、稼働確認の順に案内するClaudeスキルです。
主な機能
- 01順序に沿ったデプロイ手順
- 02デプロイ前のビルド確認
- 03GitHubリポジトリ作成とコードのプッシュ
- 04Vercelへのデプロイ
- 05デプロイ後の稼働確認
活用シーン
- 01WebサイトやアプリのVercelへのデプロイ
- 02公開後の本番環境の確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/deploying-to-productionを入力して読み込まれたか確認します。
詳細
本番環境へのデプロイ
ユーザーが「このウェブサイト／アプリをデプロイして」などと依頼した場合は、このワークフローを使用します。チェックリストの順番に従い、手順を省略しないでください。
デプロイのワークフロー
- 手順 1：ビルドを実行し、エラーがないことを確認する
- 手順 2：GitHub リポジトリを作成する
- 手順 3：コードを GitHub にプッシュする
- 手順 4：Vercel にデプロイする
- 手順 5：デプロイを検証する
手順 1：ビルドを実行する
次を実行します。
npm run build
ビルドに失敗した場合は、エラーを確認して問題を修正し、再度実行します。ビルドが成功した場合にのみ、次の手順に進んでください。
手順 2：GitHub リポジトリを作成する
プロジェクト用の新しい GitHub リポジトリを作成します。リポジトリがすでに存在する場合は、それを再利用するか、新しく作成するかを確認します。
手順 3：コードを GitHub にプッシュする
必要に応じて git を初期化し、リモートを追加して、デフォルトブランチをプッシュします。リポジトリに想定したコードが含まれていることを確認します。
手順 4：Vercel にデプロイする
GitHub リポジトリを Vercel にデプロイします。デプロイ URL を記録します。
手順 5：デプロイを検証する
URL を開くか、応答を確認して、稼働中のデプロイを検証します。検証に失敗した場合は、原因を調査して再デプロイします。
コメント
Markdown 対応