Community라이팅 & 에디팅github.com

mohamed-hossam1/nextjs-cache-architecture

Next.js 16+ App Router 프로젝트에서 캐싱을 설계하고 구현할 때 사용하는 스킬입니다.

nextjs-cache-architecture란 무엇인가요?

이 스킬은 Next.js 16+ App Router 기반 프로젝트에서 'use cache' 지시어 설정, 캐시 태그 레지스트리 구축, 변이(mutation)를 무효화 유틸리티에 연결, 부분 사전 렌더링을 위한 Suspense 경계 구조화, 캐시 경계 근처에서 개인화 콘텐츠 처리, cacheLife 프로필 선택, cacheTag/updateTag/revalidateTag 올바른 호출, unstable_cache 마이그레이션, 오래된 데이터 또는 부정확한 최신 데이터 디버깅 등 캐싱 관련 모든 작업을 안내합니다. 사용자가 도메인(예: '게시물 테이블이 있습니다')만 설명하고 올바른 캐싱 방법을 물어볼 때도 트리거됩니다. Next.js 16+의 최신 캐싱 기능(부분 사전 렌더링, 동적 IO, 캐시 라이프사이클 등)을 종합적으로 다루며, 선언적 캐싱 패턴과 데이터 변경 시 자동 무효화 전략을 지원합니다. Suspense를 활용한 스트리밍 최적화와 개인화된 콘텐츠를 안전하게 캐싱하는 방법도 포함됩니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mohamed-hossam1/nextjs-cache-architecture/tree/main/skills/nextjs-cache-architecture

Installed? Explore more 라이팅 & 에디팅 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

nextjs-cache-architecture은(는) 무엇을 하나요?

이 스킬은 사용자가 Next.js 16+ App Router 프로젝트에서 캐싱을 설계하거나 구현하려고 할 때 사용하세요. 'use cache' 지시어 설정, 캐시 태그 레지스트리 구축, 변이(mutation)를 무효화 유틸리티에 연결, 부분 사전 렌더링을 위한 Suspense 경계 구조화, 캐시 경계 근처에서 개인화 콘텐츠 처리, cacheLife 프로필 선택, cacheTag / updateTag / revalidateTag 올바른 호출, unstable_cache 마이그레이션, 오래된 데이터 또는 부정확한 최신 데이터 디버깅 등을 다룹니다. 사용자가 도메인(예: '게시물 테이블이 있습니다')만 설명하고 올바른 캐싱 방법을 물어볼 때도 트리거됩니다.

관련 스킬