next-cache-components

Enable Partial Prerendering in Next.js by turning on the cacheComponents option in next.config and applying the use cache directive to separate cached content from dynamic Suspense boundaries.

The use cache directive in Next.js Cache Components enables selective caching of route segments, allowing you to mix statically prerendered content with dynamically fetched data using Suspense.

Configure cacheLife and cacheTag within the use cache directive to control how long Next.js cached components persist and to group cached routes for targeted revalidation using updateTag.

Yes, Partial Prerendering is ideal for Next.js dashboards, blogs, and product pages where sections can be statically prerendered while other parts fetch fresh dynamic data through Suspense.

Yes, Next.js Cache Components support an optional private mode within the use cache directive, allowing you to securely handle sensitive data while leveraging Partial Prerendering for static content.

Use updateTag with Next.js Cache Components to manually trigger targeted cache invalidation for specific cacheTag groups, providing precise control over when stale dynamic data is refreshed.