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.