next-cache-components

Selective prerendering in Next.js 16+ is achieved by enabling cacheComponents in your config and applying the 'use cache' directive at function or component levels to mix static and dynamic content.

The best way to mix static and dynamic content in a single Next.js route is using Cache Components with Partial Prerendering (PPR) and 'use cache' directives for flexible, selective caching.

cacheLife and cacheTag manage cache invalidation in Next.js 16+ by assigning lifetimes and tags to cached content, allowing you to use updateTag to manually refresh specific cached data when needed.

Yes, the 'use cache' directive works within a Node.js server environment, but you must adhere to specific safe runtime constraints to ensure caching behavior functions correctly for your application.

You should not use Cache Components if your Next.js route lacks mixed static and dynamic content, as the directive is designed specifically for selectively prerendering and caching blended data patterns.

To migrate existing Next.js routes to Cache Components, enable cacheComponents in your config, wrap data-fetching logic with 'use cache', and review migration guidance to ensure safe runtime constraints.