PPR (Partial Prerendering)

Partial Prerendering (PPR) を使用すると、同じルート内で静的コンポーネントと動的コンポーネントを組み合わせることができます。PPRの詳細をご覧ください。

Partial Prerenderingの使用方法

段階的な導入（バージョン15）

Next.js 15では、next.config.jsでpprオプションをincrementalに設定し、ファイルの先頭でexperimental_pprルート設定オプションをエクスポートすることで、レイアウトやページに段階的にPPRを導入できます:

import type { NextConfig } from 'next'

const nextConfig: NextConfig = {
  experimental: {
    ppr: 'incremental',
  },
}

export default nextConfig

知っておくと便利:

• experimental_pprがないルートはデフォルトでfalseとなり、PPRを使用したプリレンダリングは行われません。各ルートで明示的にPPRを有効にする必要があります。
• experimental_pprはルートセグメントのすべての子に適用され、ネストされたレイアウトやページも含まれます。すべてのファイルに追加する必要はなく、ルートの最上位セグメントのみで設定します。
• 子セグメントでPPRを無効にするには、子セグメントでexperimental_pprをfalseに設定します。