Next.js 캐싱으로 웹 서버 성능 최적화

간단 소개

Next.js 캐싱 전략(Full Route Cache)을 활용하여 웹 서버 성능을 최적화하고 TPS를 5~10배 향상시킨 경험을 공유합니다.

AI Summary

Next.js 캐싱 전략
- Next.js 13 버전 App Router 기반 SSR 환경에서 Full Route Cache를 활용하여 웹 서버 성능을 최적화한 사례를 소개합니다.
- Request Memoization, Data Cache, Full Route Cache 등 Next.js 캐싱 메커니즘을 설명합니다.
캐싱 적용 과정 및 효과
- 캐싱 대상을 선정하고, 변경 범위 파악 및 테스트 코드 보강, AS-IS 부하 테스트를 진행했습니다.
- Dynamic Function 제거 및 static route 구성을 통해 Full Route Cache를 적용했습니다.
- TPS가 5배에서 10배까지 개선되는 효과를 확인했습니다.
결론 및 시사점
- React Server Component 등 Next.js App Router의 experimental 기능 사용 시 어려움이 있을 수 있습니다.
- Next.js 캐싱 전략을 적절히 활용하면 웹 서버 성능을 크게 향상시킬 수 있습니다.