next-cache-components

Partial Prerendering in Next.js is enabled by activating cacheComponents in next.config.ts and using the 'use cache' directive to combine static shells with dynamic segments via Suspense.

The 'use cache' directive in Next.js Cache Components is an annotation that marks components for caching behavior, allowing routes to progressively prerender sections with updatable data alongside static wrappers.

Next.js Partial Prerendering requires version 16 or higher, as it relies on the cacheComponents configuration and related caching APIs to selectively prerender and revalidate page sections.

Configuring cacheLife and cacheTag involves applying these APIs alongside the 'use cache' directive in Next.js components to control selective revalidation and manage how cached data expires and updates.

Use Next.js Cache Components for web performance when building routes that combine fast static wrappers with updatable data, requiring a hybrid rendering model with selective revalidation for dynamic content.

Combining cached data with dynamic segments on a single Next.js route is supported by Partial Prerendering, which mixes a static shell with dynamic content using Suspense boundaries.