TL;DR

Next.js の App Router で、Route Segment の挙動を設定する仕組み。page.tsx、layout.tsx、Route Handler から、決まった名前の変数を直接 export する。

仕組み

現在の公式ドキュメントには、次のオプションが載っている。

オプション型デフォルト
dynamicParamsbooleantrue
runtime'nodejs' \| 'edge'(edge は非推奨)'nodejs'
preferredRegion(非推奨)'auto'
maxDurationnumberデプロイ先のプラットフォームが決める

例

Route Handler をキャッシュしたいときは、dynamic を指定する。

export const dynamic = "force-static"

注意点

Next.js 16 では、Cache Components を有効にすると dynamic、dynamicParams、revalidate、fetchCache が使えなくなる。

関連

出典