Next Cache Components

This is your guide to Next.js 16's new caching model built around the "use cache" directive and Partial Prerendering. It covers the three content types (static, cached, dynamic), shows you how to use cacheLife profiles and cacheTag for invalidation, and includes migration paths from unstable_cache. The skill hooks into your app routes and next/cache imports, and has validators that flag deprecated patterns like single-arg revalidateTag. Most useful when you're setting up PPR or dealing with the fact that you can't call cookies() inside cached components anymore. The examples are solid on the pass-as-arguments pattern and the updateTag versus revalidateTag distinction.

Install to Claude Code

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