{"enrichment":{"faq":[{"a":"Next Cache Components enable Partial Prerendering in Next.js 16, combining prerendered static content, cached async data, and fresh dynamic sections in a single route. By marking functions with the `use cache` directive, you reduce re-renders and optimize data fetching, significantly improving app performance without manual cache layer setup.","q":"What is Next Cache Components and how does it improve Next.js performance?"},{"a":"Next Cache Components uses the `use cache` directive to mark functions for caching. Configure cache lifetimes with `cacheLife()`, manage invalidation through `cacheTag()` and `updateTag()`, and combine static prerendered sections with dynamic content in a single route. This replaces the older `experimental.ppr` flag and `unstable_cache()` API.","q":"How do you implement next cache components in your Next.js application?"},{"a":"Next Cache Components modernizes caching in Next.js 16 by replacing `experimental.ppr` and `unstable_cache()`. The new `use cache` directive provides cleaner syntax, configurable cache lifetimes via `cacheLife()`, and tag-based invalidation with `cacheTag()` and `updateTag()`, offering more efficient component-level caching.","q":"What is the difference between next cache components and older caching methods?"},{"a":"Next Cache Components handles both component memoization and data caching through the `use cache` directive. Mark async functions and components for caching, set lifetimes with `cacheLife()`, and invalidate cached data using `cacheTag()` and `updateTag()` for precise control over what stays fresh and what remains cached.","q":"How does nextjs caching library handle component memoization and data caching?"},{"a":"Yes, Next Cache Components reduces re-renders by caching component output and async data fetching. The `use cache` directive prevents unnecessary recalculation of expensive operations, while configurable cache lifetimes ensure fresh data when needed. This cache management approach significantly decreases rendering overhead in complex applications.","q":"Can Next Cache Components reduce re-renders in React components?"}],"shadow_tags":["performance-optimization","memoization-strategy","data-caching","react-patterns","nextjs-ecosystem","server-side-caching","component-reuse","cache-invalidation"],"summary_rewrite":"Next Cache Components enable Partial Prerendering in Next.js 16, letting you combine prerendered static content, cached async data, and fresh dynamic sections in a single route. The `use cache` directive marks functions for caching with configurable lifetimes via `cacheLife()`, while `cacheTag()` and `updateTag()` handle invalidation. Replaces the older `experimental.ppr` flag and `unstable_cache()` API."},"gist":{"api_url":"https://skillfed.io/api/skills/vercel-labs/openreview/next-cache-components.json","as_of":"2026-03-06","description":"Next Cache Components lets you mix static, cached. 1476 stars \u00b7 updated Mar 2026. npx skillfed install vercel-labs/openreview/next-cache-components","install":{"manual":["git clone https://github.com/vercel-labs/openreview","cp -r openreview ~/.claude/skills/next-cache-components"],"primary":"npx skillfed install vercel-labs/openreview/next-cache-components","version":"923bae4a"},"kind":"skill","mirror_url":"https://skillfed.io/vercel-labs/openreview/next-cache-components.md","similar":[{"id":"sangrokjung/claude-forge/cache-components","name":"cache-components","publisher":"sangrokjung/claude-forge","url":"https://skillfed.io/sangrokjung/claude-forge/cache-components"},{"id":"laguagu/claude-code-nextjs-skills/cache-components","name":"cache-components","publisher":"laguagu/claude-code-nextjs-skills","url":"https://skillfed.io/laguagu/claude-code-nextjs-skills/cache-components"},{"id":"mohamed-hossam1/nextjs-skills/nextjs-cache-architecture","name":"nextjs-cache-architecture","publisher":"mohamed-hossam1/nextjs-skills","url":"https://skillfed.io/mohamed-hossam1/nextjs-skills/nextjs-cache-architecture"},{"id":"yonatangross/orchestkit/react-server-components-framework","name":"react-server-components-framework","publisher":"yonatangross/orchestkit","url":"https://skillfed.io/yonatangross/orchestkit/react-server-components-framework"},{"id":"pproenca/dot-skills/nextjs-ppr-patterns","name":"nextjs-ppr-patterns","publisher":"pproenca/dot-skills","url":"https://skillfed.io/pproenca/dot-skills/nextjs-ppr-patterns"}],"title":"Next Cache Components by vercel-labs \u2014 SkillFed","use":{"when":["Next Cache Components uses the `use cache` directive to mark functions for caching.","Next Cache Components modernizes caching in Next.js 16 by replacing `experimental.ppr` and `unstable_cache()`."]},"what":{"lead":"Next Cache Components lets you mix static, cached, and dynamic content in Next.js 16 routes for better performance.","rest":"Next Cache Components enable Partial Prerendering in Next.js 16, letting you combine prerendered static content, cached async data, and fresh dynamic sections in a single route. The `use cache` directive marks functions for caching with configurable lifetimes via `cacheLife()`, while `cacheTag()` and `updateTag()` handle invalidation. Replaces the older `experimental.ppr` flag and `unstable_cache()` API."}},"id":"vercel-labs/openreview/next-cache-components","install":{"mode":"external","repo":"https://github.com/vercel-labs/openreview"},"links":{"html":"https://skillfed.io/vercel-labs/openreview/next-cache-components","md":"https://skillfed.io/vercel-labs/openreview/next-cache-components.md","repo":"https://github.com/vercel-labs/openreview"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":100,"language":"TypeScript","last_updated":"2026-03-06","license":null,"name":"Next Cache Components","publisher":"vercel-labs","stars":1476},"relations":{"similar":[{"id":"sanity-io/next-sanity/next-cache-components"},{"id":"charlietlamb/openlogs/next-cache-components"},{"id":"joelhooks/joelclaw/nextjs-static-shells"},{"id":"sangrokjung/claude-forge/cache-components"},{"id":"laguagu/claude-code-nextjs-skills/cache-components"},{"id":"mohamed-hossam1/nextjs-skills/nextjs-cache-architecture"},{"id":"yonatangross/orchestkit/react-server-components-framework"},{"id":"JosiahSiegel/claude-plugin-marketplace/nextjs-caching"},{"id":"laguagu/claude-code-nextjs-skills/nextjs-shadcn"},{"id":"pproenca/dot-skills/nextjs-ppr-patterns"}]},"slug":{"owner":"vercel-labs","repo":"openreview","skill":"next-cache-components"},"version":"923bae4a"}