[Next.js] (10) - Full Route Cache(풀 라우트 캐시)

👉 Full Route Cache(풀 라우트 캐시)

• Next 서버측에서 빌드 타임에 특정 페이지의 렌더링 결과를  캐싱하는 기능

 

👉 Dynamic Page로 설정되는 기준

• 특정 페이지가 접속 요청을 받을 때 마다 매번 변화가 생기거나, 데이터가 달라질 경우
  • 캐시되지 않는 Data Fetching을 사용할 경우
  • 동적 함수(쿠키, 헤더, 쿼리스트링)을 사용하는 컴포넌트가 있을 때

👉 Static Page로 설정되는 기준

• Dynamic Page 가 아니면 모두 Static Page가 된다 (Default)

동적 함수(ex: Query String)	데이터 캐시	페이지 분류
Yes	No	Dynamic Page
Yes	Yes	Dynamic Page
No	No	Dynamic Page
No	Yes	Static Page - 풀 라우트 캐시 적용

 

 

• Revalidate 설정 가능 (Page Router ISR 비슷하게 동작)

 

 

 

 

출처: https://www.inflearn.com/course/%ED%95%9C%EC%9E%85-%ED%81%AC%EA%B8%B0-nextjs/dashboard

한 입 크기로 잘라먹는 Next.js(15+) 강의 | 이정환 Winterlood - 인프런