デプロイするとsupabaseにアクセスできなくなる Next.js14/vercel/Prisma/supabase

Question

実現したいこと

nextjs14, prisma,supabase (postgreSQL)を使ってwebアプリを作っています。デプロイはvercelでしました。
localhostでは、問題なく動作していましたが、vercelでデプロイした先ではエラーが出てしまいます。
vercelとsupabaseの連携はintegrationでインストールした後設定済みです。
エンドポイントは上がローカル、下がvercelで使ったものです。***にはデプロイ先のURLを入れてます。

http://localhost:3000/api/abc
https://*****.vercel.app/api/abc

shema.prisma

generator client {
  provider = "prisma-client-js"
}

datasource db {
  provider = "postgresql"
  url      = env("DATABASE_URL")
}

.envファイル内のurl
ブランケット内はちゃんと自分のように置き換えています

DATABASE_URL="postgres://[db-user]:[db-password]@aws-0-[aws-region].pooler.supabase.com:5432/[db-name]"

発生している問題・エラーメッセージ

vscの拡張機能のpostmanでhttps://*****.vercel.app/api/abcのエンドポイントでリクエストを送ると、下のエラーが返ってきました

{
    "message": "Error",
    "error": {
        "name": "PrismaClientInitializationError",
        "clientVersion": "5.9.1"
    }
}

vercelでのエラーは3つありますが、最初のエラーが後の2つのエラーを引き起こしてると思います。supabaseから引っ張て来たデータで'map'使っているので,,,
最初のは

[GET] /api/abc status=500 

TypeError: Cannot read properties of undefined (reading 'map') at l (/var/task/.next/server/app/page.js:2:4654) at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

[Error: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.] { digest: '3113241611' }

試したこと

ここ1週間、リポジトリとプロジェクト消して一からやったり設定いじったり、ネットサーフィンしまくりましたがうまくいきませんでした。

PGBouncer and IPv4 Deprecation #17817にたどり着きましたが、urlはすでにこれに準拠してるようでした、、、。ただ一応いろいろurlの組み合わせも変えてみましたがダメでした。

補足情報（FW/ツールのバージョンなど）

package.jsonより抜粋

{
  "dependencies": {
    "@prisma/client": "^5.9.1",
    "@supabase/supabase-js": "^2.39.3",
    "next": "14.1.0",
    "react": "^18",
    "react-dom": "^18"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "autoprefixer": "^10.0.1",
    "postcss": "^8",
    "prisma": "^5.9.1",
    "tailwindcss": "^3.3.0",
    "typescript": "^5"
  }
}

Answer 1

１．vercelのenviroment variablesに　自分でDATABASE＿URLのKEYとVALUEをいれました。
supabaseと連携させたときに大量に変数が追加されていたので、しっかり確認していませんでしたがDATABASE＿URLという変数は自動では追加されないようです。
２．prismaの初期化がちゃんとできていないようだったので、
package.json のbuild commandを追加

"build": "prisma generate && next build"

package.jsonのscriptの部分に追加

"postinstall": "prisma generate"

Vercelのgeneral > build and development settings　の build command をオーバーライド

npx prisma generate && next build

で解決しました！！