Next.jsを使っている際、練習環境では動的にページを生成できたのに本番環境でSSRができず、静的ページが表示される問題に遭遇した。
調べたところ、Next.jsでは特に明示しなければビルド時に静的ページが表示されるようにできていることがわかった。
参考 : キャッシュで理解するNext.js App Routerのデータ取得
解決策は公式ドキュメントにあった。以下の1行を追加すればいいとのことである。
export const dynamic = 'force-dynamic'
Next.jsといえばSSRというイメージを持っている人もいると思うが、この1行がないと動的にページが生成されないので気をつけよう。