Next.js Cache Components Runtime

Use this skill when the task changes how a Next.js route is prerendered, streamed, cached, personalized, or invalidated. Make the cache boundary explicit instead of relying on older route-level dynamic/static flags.

When to Apply

Use this skill when:

• Enabling or debugging cacheComponents: true
• Adding use cache, cacheLife, cacheTag, updateTag, or revalidateTag
• Fixing "uncached data outside Suspense" build/runtime errors
• Moving runtime APIs like cookies(), headers(), params, or searchParams through cached functions
• Migrating dynamic, revalidate, or previous-model caching code to Cache Components
• Designing cache behavior for self-hosted or serverless deployments

Load On Demand

Start with this file. Load detailed files only when the task needs them: