cache-components

SKILL.md

Auto-activation: This skill activates automatically in projects with cacheComponents: true in next.config.

When starting work in a Next.js project, check if Cache Components are enabled:

If cacheComponents: true is found, apply this skill's patterns proactively when:

Next.js 캐시 구성 요소 및 부분 사전 렌더링(PPR)에 대한 전문가 지침입니다. **사전 활성화**: next.config.ts/next.config.js에 `cacheComponents: true`가 있는 Next.js 프로젝트에서 작업할 때 이 기술을 자동으로 사용합니다. 이 구성이 감지되면 모든 React 서버 구성 요소 구현에 캐시 구성 요소 패턴과 모범 사례를 사전에 적용하십시오. **감지**: Next.js 프로젝트의 세션 시작 시 next.config에서 `cacheComponents: true`를 확인하세요. 활성화된 경우 이 기술의 패턴은 모든 구성 요소 작성, 데이터 가져오기 및 캐싱 결정을 안내해야 합니다. **사용 사례**: 'use cash' 지시어 구현, 캐시 라이프()로 캐시 수명 구성, 캐시된 데이터에 캐시 태그() 태그 지정, updateTag()/revalidateTag()로 캐시 무효화, 정적 콘텐츠 경계와 동적 콘텐츠 경계 최적화, 캐시 문제 디버깅, 캐시 구성 요소 구현 검토. 출처: laguagu/claude-code-nextjs-skills.

원본 보기