Vercelによるデプロイ
メニューを表示するにはスワイプしてください
VercelはGitHubからコードを取得し、公開用ウェブサイトとして配信します。GitHubに更新をプッシュするたびに、Vercelが自動的に再デプロイします。初回設定後は手動で操作する必要はありません。
コードはGitHub上にあります。この章では、それをインターネット上で誰とでも共有できる実際のURLとして公開します。
手順
vercel.comにアクセスしてサインアップします。案内に従いGitHubアカウントを接続します。これによりVercelがリポジトリを参照できるようになります。
Vercelダッシュボードに移動したら、Add Newをクリックし、Projectを選択します。GitHubリポジトリが表示されるので、Importをクリックします。
このステップが最も重要です。APIキーは.gitignoreによってGitHubに含まれていません。そのためVercelにもありません。Vercelに直接APIキーを渡す必要があります。
プロジェクト設定ページでEnvironment Variablesセクションを開きます。デプロイ前にここでAPIキーを追加してください。
| Field | What to enter |
|---|---|
| Key | ANTHROPIC_API_KEY |
| Value | Your actual API key from .env.local |
Import .envをクリックし、.env.localファイルを直接選択することもできます。Vercelが自動的にキーと値を読み取ります。これが最も簡単な方法です。
環境変数を追加したら、Deployをクリックします。VercelがGitHubからすべてのコードファイルを取得し、公開します。これには2〜5分かかります。
おめでとう画面が表示されたら、アプリが公開されています。Vercelから提供されるURLを任意のブラウザで開いたり、誰とでも共有できます。
なぜ環境変数の設定が重要なのか
APIキーがなくてもアプリはビルドされ、動作しているように見えます。しかし、誰かがアイデアを送信した瞬間、アプリはAIを呼び出す手段がないため失敗します。Vercelにキーを追加することで、本番環境でコア機能が実際に動作するようになります。
ローカルの .env.local ファイルはあなたのコンピュータ上にのみ存在します。Vercel の環境変数は、ライブウェブ版の .env.local に相当します。
フィードバックありがとうございます！
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
