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).

Modèles d'architecture Next.js 16 statiques : shells mis en cache avec emplacements dynamiques, îlots de fournisseurs, limites d'utilisation du cache et stratégie de préchargement des liens. À utiliser lors de la création ou de la refactorisation des routes Next.js pour maximiser le rendu statique, en implémentant « utiliser le cache » avec une personnalisation dynamique, en divisant l'entrée par rapport aux rendus statiques, en définissant la portée des fournisseurs de clients ou en ajustant le comportement de prélecture. Déclencheurs sur « shell statique », « utiliser le modèle de cache », « emplacements dynamiques », « îlot du fournisseur », « stratégie de prélecture », « statique d'abord », « limite de cache », « l'itinéraire devient dynamique de manière inattendue » ou tout travail d'architecture Next.js impliquant un rendu mixte statique/dynamique. Source : joelhooks/joelclaw.