Vercel + Supabaseでデータの取得が遅い(重い)時の解決方法について説明します。

本番環境でデータの取得に時間がかかる

ホスティングサービスにVercel、データベースにSupabaseを使用しているWebサイトで、データの取得がやたら遅く、タイムアウトでエラーになることがありました。ちなみに、ローカル環境ではデータの取得に問題はありませんでした。

エラーメッセージ

Webブラウザのコンソール

環境

原因: Vercelのリージョンがワシントンになっていた

データの取得が遅い原因は、Vercelのリージョンがワシントンになっていたからでした。Supabaseのリージョンに合わせて日本に変更したら爆速になりました。

Vercelのリージョンを変更する手順

Vercelでプロジェクトを選択 > Settings > Functions > [Tokyo, Japan (Northeast) - hnd1] に変更。

この設定を適用するには、デプロイする必要があります。デプロイ後に爆速になっているはずです。

Supabaseのリージョンを確認する手順

Supabaseでプロジェクトを選択 > Project Settings > Infrastructure > Regionが[Northeast Asia (Tokyo) (ap-northeast-1)]になっていることを確認。 >

まとめ

• 本番環境でデータの取得が遅い時はリージョンを疑え。

プロジェクトの作成は頻繁にすることではないので、リージョンの変更を忘れがちです。初めてPrismaを使ったプロジェクトだったので、原因はPrismaの設定ミスだと勘違いしていました…。