︙

Partial Prerendering (experimental)

警告: パーシャルプレレンダリングは実験的な機能であり、現在のところproduction 環境には適していません。

Partial Prerendering は、実験的な機能で、route の静的な部分を先行レンダリングし、cache から提供し、dynamic な穴をストリームし込むことができます。これらは全て一つの HTTP request で行われます。

パーシャルプレレンダリングはnext@canaryで利用可能です：

Terminal

npm install next@canary

実験的な ppr フラグを設定することで、Partial Prerendering を有効にすることができます:

next.config.js

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

module.exports = nextConfig

Good to know:

部分的なプレレンダリングはまだ Client サイドのナビゲーションには適用されていません。私たちは積極的にこれに取り組んでいます。

パーシャルプレレンダリングはNode.js runtime専用に設計されています。静的シェルを即座に提供できる場合、 Node.js runtime の一部を使用する必要はありません。

Next.js Learn courseで部分的な事前レンダリングについてもっと学びましょう。