next partial prerendering

next.js部分的な予約

これは、部分的なプレレンダリングを使用するnext.jsのデモです。

このテンプレートは、新しいnext.jsアプリルーターを使用します。これには、レイアウトの強化、コンポーネントのコロケーション、テスト、スタイル、コンポーネントレベルのデータフェッチなどのサポートが含まれます。

また、next.js 14で利用可能な実験的な部分的なプレレンダリング機能を使用します。部分的なプレレンダリングは、超動的な静的エッジ配信を完全に動的な機能と組み合わせており、Webアプリケーションのデフォルトのレンダリングモデルになる可能性があると考えています。

ショ和PPRは、生産に推奨されない実験技術であることに注意してください。特に大規模なコードベースで、いくつかのDXの問題に遭遇する場合があります。

それがどのように機能するか

インデックスルート/使用を介した部分的な事前繰り返しを使用します。

1. next.config.jsで実験フラグを有効にする。

 experimental : {
    ppr : true ,
} ,

2. <Suspense />を使用して動的コンテンツをラップします。