部分プリレンダリング (実験的機能)

警告: 部分プリレンダリングは実験的機能であり、現在のところ本番環境には適していません。

部分プリレンダリング (Partial Prerendering) は、ルートの静的な部分をプリレンダリングしてキャッシュから提供し、動的な部分をストリーミングで埋め込むことができる実験的機能です。これらは単一のHTTPリクエストで処理されます。

部分プリレンダリングは next@canary で利用可能です:

Terminal

npm install next@canary

実験的な ppr フラグを設定することで部分プリレンダリングを有効にできます:

next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
  experimental: {
    ppr: true,
  },
}

module.exports = nextConfig

補足:

部分プリレンダリングはクライアントサイドナビゲーションにはまだ適用されません。現在積極的に開発中です。

部分プリレンダリングは Node.js ランタイム専用に設計されています。静的シェルを即座に提供できる場合、Node.js ランタイムのサブセットを使用する必要はありません。

部分プリレンダリングについてさらに学ぶには、Next.js 学習コースを参照してください。