How rendering works with Cache Components 실전 서브앱
한 라우트에서 static/cached/dynamic을 조합하고 동적 구간을 명시 처리해야 합니다.
동적 처리 방식을 바꾸며 shell 구성과 오류 여부가 어떻게 달라지는지 확인해보세요.
파일 구조
cache-components/how-rendering-works-with-cache-components/ |- page.tsx \- demo/ \- page.tsx
핵심 코드
<Suspense fallback={<p>Loading...</p>}>
<DynamicSection />
</Suspense>
// or
'use cache'
cacheLife('hours')실전 점검 체크리스트
- - 동적 구간 명시 처리(Suspense/use cache)
- - runtime 의존 여부 먼저 판단
- - 경계를 가능한 좁게 배치