핵심 요약
카카오엔터테인먼트가 Next.js의 App Router를 활용한 SSR 최적화와 Full Route Cache 도입으로 서버 렌더링 비용을 줄이고 TPS를 34에서 220으로 개선한 사례를 공유합니다.
구현 방법
- ISR 구성 및 Full Route Cache 적용으로 정적 페이지 중심 렌더링 강화
- generateStaticParams를 활용한 다국어 경로와 상품 목록/상세 페이지의 ISR 구성
- Request Memoization 및 Data Cache 활용, next.revalidate 설정으로 데이터 재검증 관리
- middleware를 AuthProvider로 전환하여 동적 함수 의존성 축소
- 디버깅 컴포넌트 도입과 revalidatePath 활용으로 HIT 확인
주요 결과
- TPS 34 → 220으로 약 6.5배 증가
- 서버 렌더링 CPU 부담 감소 및 안정성 높임 가능성 제시
- 정적 리소스 캐싱 및 부하테스트 조건 제어로 운영 안정성 향상
