はじめに
Vercelでデプロイを行った際に、supabaseUrl is required.というエラーが発生しました。その原因と解決方法についてまとめます。
この記事は個人的なアウトプットを目的として作成したものです。そのため、誤った情報や不足している内容が含まれている可能性があります。もし間違いや気になる点がございましたら、ぜひご指摘いただけますと幸いです。
原因
Vercelに環境変数が設定されていなかった ことが原因です。
GitHub Secretsに環境変数を設定していても、Vercelのvercel buildでは適用されないため、Vercel側で環境変数を設定する必要があります。
解決方法
Vercelの環境変数を適切に設定することで、エラーを解消できます。
設定方法
-
Vercelのダッシュボードへ移動 - 対象のプロジェクトを開く
-
Settings→Environment Variablesを開く -
VITE_SUPABASE_URLとVITE_SUPABASE_ANON_KEYを追加 - 再デプロイ
終わりに
Vercelのデプロイでは、GitHub Secretsだけでは環境変数が適用されないため、Vercel側でも環境変数を設定する必要があることを学びました。今後はデプロイ時の環境変数の扱いに注意していきたいと思います。