next-cache-components은(는) 무엇을 하나요?
Next.js 16 캐시 컴포넌트 - PPR, use cache 지시어, cacheLife, cacheTag, updateTag
Next.js 16 캐시 컴포넌트 - PPR, use cache 지시어, cacheLife, cacheTag, updateTag
이 스킬은 Next.js 16의 최신 캐싱 기능을 사용하는 방법을 개발자에게 안내합니다. 정적 렌더링과 동적 데이터를 결합하는 Partial Prerendering(PPR), 데이터 캐싱 동작을 세밀하게 제어하는 use cache 지시어, 캐시 수명을 정의하는 cacheLife, 캐시 무효화 태그를 설정하는 cacheTag 및 updateTag 등 네 가지 주요 API를 다룹니다. 주로 Claude Code, Cursor, Codex와 같은 AI 에이전트 플랫폼에서 Next.js 기반 프로젝트의 성능을 최적화할 때 유용합니다. 개발자는 이 스킬의 SKILL.md 문서를 참고하여 컴포넌트 단위로 재검증 전략을 적용하고, stale-while-revalidate 패턴을 구현하며, 태그 기반 무효화를 통해 효율적인 데이터 갱신을 수행할 수 있습니다.
npx skills add https://github.com/vercel-labs/next-skills/tree/main/skills/next-cache-componentsInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Next.js 16 캐시 컴포넌트 - PPR, use cache 지시어, cacheLife, cacheTag, updateTag
This repo contains 2 individual skills — each has its own dedicated page.
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
Upgrade Next.js to the latest version following official migration guides and codemods
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.