정적 우선 Next.js 16개 아키텍처 패턴: 동적 슬롯이 있는 캐시된 셸, 공급자 섬, '캐시 사용' 경계 및 링크 사전 로드 전략. 정적 렌더링을 최대화하기 위해 Next.js 경로를 구축하거나 리팩토링할 때 사용하고, 동적 개인화로 '캐시 사용'을 구현하고, 항목과 정적 렌더러를 분할하고, 클라이언트 공급자 범위를 지정하거나 프리페치 동작을 조정할 때 사용합니다. '정적 셸', '캐시 패턴 사용', '동적 슬롯', '공급자 섬', '프리페치 전략', '정적 우선', '캐시 경계', '예기치 않게 경로가 동적으로 변경됨' 또는 혼합 정적/동적 렌더링과 관련된 모든 Next.js 아키텍처 작업에서 트리거됩니다.
명령줄에서 nextjs-static-shells AI 스킬을 개발 환경에 빠르게 설치
출처: joelhooks/joelclaw.
Build a static shell first, then cut small dynamic holes where personalization or request-specific behavior is required.
| Static | Synchronous, pure computation | Our Blog | | Cached ('use cache') | Async but deterministic for given inputs | db.posts.findMany() with cacheLife('hours') | | Dynamic (Suspense) | Runtime/request-specific, must be fresh | cookies(), user session, notifications |
Built-in profile shortcuts: 'use cache' alone → 5m stale / 15m revalidate. 'use cache: remote' → platform KV. 'use cache: private' → allows runtime APIs (compliance escape hatch).
정적 우선 Next.js 16개 아키텍처 패턴: 동적 슬롯이 있는 캐시된 셸, 공급자 섬, '캐시 사용' 경계 및 링크 사전 로드 전략. 정적 렌더링을 최대화하기 위해 Next.js 경로를 구축하거나 리팩토링할 때 사용하고, 동적 개인화로 '캐시 사용'을 구현하고, 항목과 정적 렌더러를 분할하고, 클라이언트 공급자 범위를 지정하거나 프리페치 동작을 조정할 때 사용합니다. '정적 셸', '캐시 패턴 사용', '동적 슬롯', '공급자 섬', '프리페치 전략', '정적 우선', '캐시 경계', '예기치 않게 경로가 동적으로 변경됨' 또는 혼합 정적/동적 렌더링과 관련된 모든 Next.js 아키텍처 작업에서 트리거됩니다. 출처: joelhooks/joelclaw.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/joelhooks/joelclaw --skill nextjs-static-shells정적 우선 Next.js 16개 아키텍처 패턴: 동적 슬롯이 있는 캐시된 셸, 공급자 섬, '캐시 사용' 경계 및 링크 사전 로드 전략. 정적 렌더링을 최대화하기 위해 Next.js 경로를 구축하거나 리팩토링할 때 사용하고, 동적 개인화로 '캐시 사용'을 구현하고, 항목과 정적 렌더러를 분할하고, 클라이언트 공급자 범위를 지정하거나 프리페치 동작을 조정할 때 사용합니다. '정적 셸', '캐시 패턴 사용', '동적 슬롯', '공급자 섬', '프리페치 전략', '정적 우선', '캐시 경계', '예기치 않게 경로가 동적으로 변경됨' 또는 혼합 정적/동적 렌더링과 관련된 모든 Next.js 아키텍처 작업에서 트리거됩니다. 출처: joelhooks/joelclaw.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/joelhooks/joelclaw --skill nextjs-static-shells 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/joelhooks/joelclaw