Archives

revalidatePath의 경로 중심 무효화가 만드는 구조적 결함을 분석하고, CDN의 서로게이트 키 개념에서 출발한 cacheTag 기반 태그 무효화 아키텍처를 설계한다.

revalidatePath의 세 가지 호출 형태를 정리하고, Server Action과 use cache, Suspense를 조합하여 캐시 생성부터 정밀 무효화까지 하나의 흐름으로 동작하는 구조를 설계한다.

TTL 기반 캐시가 만들어내는 Stale Data 문제를 해결하는 세 가지 온디맨드 무효화 전략을 비교하고, 실무 시나리오별 선택 기준을 정리한다.

PPR과 cacheLife 조합이 효과적인 실무 패턴 세 가지를 정리하고, 여행 예약 플랫폼 구현을 통해 정적 셸/캐시 영역/동적 영역의 분류 기준과 빌드 검증 방법을 다룬다.

cacheLife의 stale/revalidate/expire 속성으로 컴포넌트별 TTL을 설계하고, PPR 스트리밍으로 캐시 만료 시점의 TTFB 병목을 제거하는 전략을 정리한다.

Next.js 16에서 정식 도입된 cacheComponents 옵션과 use cache 지시어를 활용해 컴포넌트 단위 캐싱과 PPR(부분 사전 렌더링)을 구현하는 방법을 실전 예제와 함께 정리한다.

Next.js 16의 cacheComponents 스위치와 Suspense 경계를 활용한 PPR(부분 사전 렌더링) 아키텍처를 구현하고, 정적 껍데기/동적 스트리밍/마이크로 캐싱 세 영역의 공존 원리를 정리한다.

매크로 캐싱의 All or Nothing 한계를 짚고, Next.js 15의 'use cache' 지시어를 활용한 마이크로 캐싱으로 컴포넌트 단위 하이브리드 렌더링을 구현하는 전략을 정리한다.

ISR(점진적 정적 재생성)과 SWR(Stale-While-Revalidate) 패턴의 동작 원리를 시간 흐름에 따라 해부하고, Next.js의 revalidate 옵션을 활용한 시간 기반 캐시 재검증 전략을 실습한다.

Next.js 15에서 Data Cache와 Full Route Cache라는 두 캐시 계층이 어떻게 독립적으로 작동하는지, no-store와 force-cache를 통한 렌더링 제어 전략을 실습과 함께 정리한다.

첫 번째 글. TypeScript 공부를 시작하며.

캐시 무효화의 본질부터 CSR/SSR/SSG/ISR 렌더링 전략, 그리고 Next.js 15의 Opt-in 캐싱 철학까지. 웹 시스템 설계에서 신선도와 성능 사이의 트레이드오프를 다룬다.