Next.js ISR 전환과 Redis 외부 캐싱 (SSR 지옥 탈출기 시리즈 1)

간단 소개

Next.js SSR의 한계를 극복하고 ISR과 Redis 캐싱을 통해 성능을 개선한 카카오메이커스의 경험 공유.

AI Summary

Next.js SSR의 한계와 ISR 전환
- 카카오메이커스 이벤트 페이지에 SSR 적용 후 트래픽 급증으로 서비스 장애 발생, 서버 리소스 과부하 문제 발생
- ISR(Incremental Static Regeneration)을 도입하여 캐싱을 극대화하고 성능 개선
ISR 동작 원리 및 캐싱 전략
- generateStaticParams로 정적 경로 확정, Dynamic API 사용 시 ISR 해제 주의
- 시간 기반(Time-based) 재검증과 온디맨드(On-demand) 재검증 전략 비교 분석, 필요에 따라 혼합하여 사용
- Redis를 외부 캐시로 도입하여 여러 인스턴스 간 캐시 동기화, @neshca/cache-handler 라이브러리 활용
정적 리소스 서빙 최적화
- CDN 업로드 방식의 한계, Nginx에서 직접 서빙하는 방식으로 변경하여 성능 향상 및 관리 효율성 증대
- Redis Pub/Sub 적용 검토, Thunder Herd 문제 보완 등 추가 개선 과제 존재