nextjs-caching

SKILL.md

This skill provides expert-level guidance on Next.js caching behavior, focusing on the "use cache" directive, revalidation strategies, and Incremental Static Regeneration (ISR) patterns.

The "use cache" directive marks a component or function as cacheable—it doesn't immediately cache anything. Caching happens at build time when Next.js writes the output to the cache store. This is a fundamental distinction that affects how you reason about cache behavior.

Next.js automatically renders from top to bottom as deep as possible until it encounters something dynamic (like uncached data fetches). It then creates a "dynamic hole" for that content. You don't need to add "use cache" to every page—the framework handles partial static rendering automatically. Cached functions are NOT considered dynamic, so they don't create holes.

View raw