Putting it all together 실전 서브앱
static header, cached posts, runtime preferences를 한 라우트에서 함께 구성할 수 있습니다.
각 섹션 전략을 전환하며 shell 포함 영역과 요청 시점 영역이 어떻게 분리되는지 확인해보세요.
파일 구조
cache-components/putting-it-all-together/ |- page.tsx \- demo/ \- page.tsx
핵심 코드
<header>...</header>
<BlogPosts /> // 'use cache'
<Suspense fallback={<p>Loading your preferences...</p>}>
<UserPreferences /> // cookies()
</Suspense>실전 점검 체크리스트
- - 정적/캐시/런타임 역할 분리
- - runtime 섹션은 Suspense 필수
- - 캐시 섹션은 수명/재검증 정책 명시