next-cache-components

To enable partial prerendering in Next.js, enable cacheComponents in your next.config file and use the 'use cache' directive to selectively cache static and dynamic content across routes.

Control caching granularity in Next.js server components by annotating specific pages, components, or functions with the 'use cache' directive to define exactly what content gets cached.

Invalidate and revalidate cached data in Next.js by leveraging cacheLife, cacheTag, and updateTag directives for fine-grained control over when cached content expires or updates.

The best way to pre-render a static shell with dynamic sections is using Next.js cache components to manage static cached data while allowing specific route sections to remain dynamic.

Yes, you must set cacheComponents to true in your next.config file to opt into partial prerendering before applying in-code directives like 'use cache' to manage your route caching.

Use cache components instead of standard static generation when you need to mix static, cached, and dynamic content in a single route to optimize web performance without sacrificing real-time data.