Next.js(App Router)で、ビルド時のデータのまま、動的に最新のデータが取得できない。

実現したいこと

・DBにinsertしたり、updateしたときに、新しいデータを表示させたい。

前提

フレームワークはNext.js(App Router)で、ORMはPrismaを使っています。
APIルートでデータを取得した後、クライアントコンポーネントでuseEffectを使って、最新データをリロードしようと試みていました。
開発環境では問題なく動作しましたが、Vercelにデプロイするとビルド時のデータのまま動きません。
動的にデータを取得するとき、APIを介してfetchしないほうがいいのでしょうか。

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

エラーメッセージはなし