Next.jsを使っている際、練習環境では動的にページを生成できたのに本番環境でSSRができず、静的ページが表示される問題に遭遇した。

調べたところ、Next.jsでは特に明示しなければビルド時に静的ページが表示されるようにできていることがわかった。

参考 : キャッシュで理解するNext.js App Routerのデータ取得

解決策は公式ドキュメントにあった。以下の1行を追加すればいいとのことである。

export const dynamic = 'force-dynamic'

Next.jsといえばSSRというイメージを持っている人もいると思うが、この1行がないと動的にページが生成されないので気をつけよう。