Next Cache Components

Covers Next.js 16's new caching model built around the "use cache" directive, which replaces unstable_cache and enables Partial Prerendering (PPR). You get three content types: static prerendered content, cached async components with cacheLife profiles, and dynamic Suspense boundaries. The skill walks through cacheTag for invalidation, updateTag for same-request updates, and the migration path from the old API. The biggest gotcha is you can't use cookies() or headers() inside cached functions unless you extract them first and pass as arguments, or use the "use cache: private" escape hatch. Useful if you're upgrading to Next 16 or implementing PPR for the first time.

Install to Claude Code

npx -y skills add vercel-labs/vercel-plugin --skill next-cache-components --agent claude-code