Vercel の環境変数を CLI でセットする

// 🙎‍♂️ Yuji Tsuburaya📆 June 21, 2020🔖 Notion Blog

Vercel の環境変数のセットに少し癖があってハマったので、記事にしておきたいと思います。

Vercel では、以下のスクリーンショットのように、環境ごとに分けて環境変数をセットすることができます。

Vercel の環境変数セット画面
Vercel の環境変数セット画面

一見便利そうなのですが、GUI 上でセットすると、以下のスクリーンショットのように、環境変数の名前が、[NAME]-[環境名]-[id] のようになってしまいます。Notion Blog だと、GUI 上で環境変数をセットするとうまくいかなくなってしまっていたので、CLI でセットすることにしていきます。

CLI のインストール

以下のコマンドでインストールします(yarn の場合)

$ yarn global add vercel

Vercel の認証

以下のコマンドでログインします。

$ vercel login

メールアドレスを入力すると、以下のようなメールが飛んでくるので、VERIFY を押してください。

Vercel CLI 認証メール
Vercel CLI 認証メール

環境変数の確認

現在設定されている環境変数は以下のコマンドで確認できます。

$ vercel secrets list

環境変数のセット

以下のコマンドで追加します。

$ vercel secrets add [KEY] [VALUE]

Notion Blog 用にセットする場合は以下のようになります。(ハイフン繋ぎっぽいので注意)

$ vercel secrets add blog-index-id [あなたのID]$ vercel secrets add notion-token [あなたのTOKEN_V2]

以上です!

Notion Blog の解説方法についてはこちらをどうぞ!

Notion Blog でブログを開設する【Notion Blog 徹底解説 #1】

広告

書いた人

___35d

Yuji Tsuburaya (@___35d

👩‍💻 Frontend Engineer

🏢 J-CAT CTO Co-Founder / ex. BizReach

🎨 by @ch1ch1ch1_123

💚 Minimalism / Notion / Figma

📱 Author of @FastNotion

広告