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

16 modelli di architettura Next.js statici: shell memorizzate nella cache con slot dinamici, isole provider, limiti di "uso della cache" e strategia di precaricamento dei collegamenti. Da utilizzare durante la creazione o il refactoring di percorsi Next.js per massimizzare il rendering statico, implementare l'"uso della cache" con personalizzazione dinamica, dividere la voce rispetto ai renderer statici, definire l'ambito dei provider client o ottimizzare il comportamento di precaricamento. Trigger su "shell statica", "usa modello cache", "slot dinamici", "isola del provider", "strategia di precaricamento", "prima statico", "confine della cache", "il percorso diventa dinamico inaspettatamente" o qualsiasi lavoro di architettura Next.js che coinvolga rendering statico/dinamico misto. Fonte: joelhooks/joelclaw.