next-cache-components

To enable partial prerendering in Next.js 16, set `cacheComponents: true` in your `next.config.ts` file and apply the `use cache` directive to components mixing static, cached, and dynamic content.

The `use cache` directive in Next.js is used to cache asynchronous data across requests. It works with helpers like `cacheLife` and `cacheTag` to control caching lifecycles and enable targeted invalidation.

You invalidate cached content in Next.js Cache Components using helpers like `cacheTag` and `updateTag`. These allow in-code directives to selectively invalidate cached routes when underlying data changes.

Yes, Next.js 16 Cache Components allow mixing static, cached, and dynamic content in a single route. Synchronous code prerenders at build time, while Suspense boundaries handle fresh runtime data.

Yes, using Next.js Cache Components requires enabling the feature by setting `cacheComponents: true` in `next.config.ts`. This allows you to start using `use cache` and related caching directives.

Use `cacheLife` to control the duration and lifecycle of cached async data, and use `cacheTag` to label cached entries for targeted invalidation via `updateTag` when underlying data changes.