mcpField
D
deploying-to-production

deploying-to-production

github.com/zhanlincuiクラウド・DevOps19364 回インストール33 週間前に更新
リポジトリ

deploying-to-production について

deploying-to-productionは、Webサイトやアプリを公開する開発者向けのワークフロースキルです。ビルド確認からGitHubへのプッシュ、Vercelへのデプロイ、公開後の検証まで、順番に進める手順を示します。

主な機能

  1. 01順序付きのデプロイチェックリスト
  2. 02ビルド実行とエラー修正
  3. 03GitHubリポジトリの作成または確認
  4. 04デフォルトブランチへのコードプッシュ
  5. 05Vercelへのデプロイと検証

活用シーン

  1. 01ローカルのWebサイトを公開
  2. 02ビルド失敗を修正して再確認
  3. 03GitHubへのプッシュ後にプロジェクトをデプロイ
  4. 04Vercelの公開先にアクセスできるか確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/zhanlincui/agent-skills-hunter --skill deploying-to-production

インストール後、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 対応