静态优先 Next.js 16 种架构模式：具有动态槽的缓存 shell、提供程序岛、“使用缓存”边界和链接预加载策略。在构建或重构 Next.js 路由时使用，以最大化静态渲染、通过动态个性化实现“使用缓存”、拆分条目与静态渲染器、确定客户端提供程序的范围或调整预取行为。在“静态 shell”、“使用缓存模式”、“动态槽”、“提供者岛”、“预取策略”、“静态优先”、“缓存边界”、“路由意外变为动态”或任何涉及混合静态/动态渲染的 Next.js 架构工作上触发。
通过命令行快速安装 nextjs-static-shells AI 技能到你的开发环境
来源：joelhooks/joelclaw。
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 种架构模式：具有动态槽的缓存 shell、提供程序岛、“使用缓存”边界和链接预加载策略。在构建或重构 Next.js 路由时使用，以最大化静态渲染、通过动态个性化实现“使用缓存”、拆分条目与静态渲染器、确定客户端提供程序的范围或调整预取行为。在“静态 shell”、“使用缓存模式”、“动态槽”、“提供者岛”、“预取策略”、“静态优先”、“缓存边界”、“路由意外变为动态”或任何涉及混合静态/动态渲染的 Next.js 架构工作上触发。 来源：joelhooks/joelclaw。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/joelhooks/joelclaw --skill nextjs-static-shells静态优先 Next.js 16 种架构模式：具有动态槽的缓存 shell、提供程序岛、“使用缓存”边界和链接预加载策略。在构建或重构 Next.js 路由时使用，以最大化静态渲染、通过动态个性化实现“使用缓存”、拆分条目与静态渲染器、确定客户端提供程序的范围或调整预取行为。在“静态 shell”、“使用缓存模式”、“动态槽”、“提供者岛”、“预取策略”、“静态优先”、“缓存边界”、“路由意外变为动态”或任何涉及混合静态/动态渲染的 Next.js 架构工作上触发。 来源：joelhooks/joelclaw。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/joelhooks/joelclaw --skill nextjs-static-shells 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/joelhooks/joelclaw