vercel-labs avatar

Next Cache Components

The next-cache-components skill enables developers to implement Partial Prerendering (PPR) in Next.js 16+ applications by mixing static, cached, and dynamic content within single routes using the `use cache` directive and related caching APIs. It's designed for Next.js developers who need granular control over which content is prerendered at build time, cached for performance, or dynamically rendered per request. The skill solves the problem of efficiently balancing performance and freshness by allowing developers to declaratively specify cache lifetimes, invalidation strategies, and content types without manual complexity.

skills.sh installs
33K
GitHub stars
899
last updated
Jun 3, 2026

Install

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

Installs into .claude/skills of the current project.

Files

The next-cache-components skill enables developers to implement Partial Prerendering (PPR) in Next.js 16+ applications by mixing static, cached, and dynamic content within single routes using the `use cache` directive and related caching APIs. It's designed for Next.js developers who need granular control over which content is prerendered at build time, cached for performance, or dynamically rendered per request. The skill solves the problem of efficiently balancing performance and freshness by allowing developers to declaratively specify cache lifetimes, invalidation strategies, and content types without manual complexity.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/vercel-labs/next-skills
Categories
Frontend Development, Cloud & Infrastructure

More from vercel-labs/next-skills

All 3
1dammyjay93 avatarinterface-designdammyjay93/interface-designCraft-first interface design for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and interactive products. Use when designing, buil32.8Kskills.sh installs
2expo avatarexpo-data-fetchingexpo/skillsFramework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching31.8Kskills.sh installs
3firecrawl avatarfirecrawl-qafirecrawl/firecrawl-workflowsQA test a live website with Firecrawl browser and scrape evidence. Use when the user wants exploratory QA, form testing, navigation/link checks, responsive chec31.6Kskills.sh installs
4caffeinelabs avatarextension-http-outcallscaffeinelabs/skillsHTTP outcalls performed by the backend canister (not in the frontend).30.8Kskills.sh installs
5expo avatarexpo-brownfieldexpo/skillsFramework (OSS). Integrate Expo and React Native into an existing native iOS or Android app. Use when the user mentions brownfield, embedding React Native in a 30.7Kskills.sh installs
6heygen-com avatargraphic-overlaysheygen-com/hyperframesPackage an existing talking-head / interview / podcast video by layering timed, designed GRAPHIC OVERLAY cards onto the playing video — titles, lower-thirds, da29.1Kskills.sh installs