nextjs-static-shells

Build a static shell first, then cut small dynamic holes where personalization or request-specific behavior is required.

| Static | Synchronous, pure computation | Our Blog | | Cached ('use cache') | Async but deterministic for given inputs | db.posts.findMany() with cacheLife('hours') | | Dynamic (Suspense) | Runtime/request-specific, must be fresh | cookies(), user session, notifications |

Built-in profile shortcuts: 'use cache' alone → 5m stale / 15m revalidate. 'use cache: remote' → platform KV. 'use cache: private' → allows runtime APIs (compliance escape hatch).

静的優先 Next.js 16 アーキテクチャ パターン: 動的スロットを備えたキャッシュされたシェル、プロバイダー アイランド、「キャッシュを使用する」境界、およびリンクのプリロード戦略。 Next.js ルートを構築またはリファクタリングして静的レンダリングを最大化する場合、動的パーソナライゼーションによる「キャッシュの使用」を実装する場合、エントリと静的レンダラーを分割する場合、クライアント プロバイダーのスコープを設定する場合、またはプリフェッチ動作を調整する場合に使用します。 「静的シェル」、「キャッシュ パターンの使用」、「動的スロット」、「プロバイダー アイランド」、「プリフェッチ戦略」、「静的優先」、「キャッシュ境界」、「ルートが予期せず動的になる」、または静的/動的レンダリングの混合を伴う Next.js アーキテクチャ作業でトリガーされます。 ソース: joelhooks/joelclaw。