[Next.js] 클라이언트 라우터 캐시

SUN·2024년 12월 14일

Next.js - app router

목록 보기
12/21

1. 개요

브라우저에 저장되는 캐시로 페이지 이동의 효율성을 위해 페이지의 일부 데이터를 캐싱

여러 개의 페이지가 공통된 레이아웃을 사용하면 브라우저에서 여러번 같은 내용을 요청하는 비효율 성이 있다.
이를 해결하기 위해 클라이언트 라우터 캐시를 만들어 페이지에 접속하려할 때 RSC payload의 값 중 레이아웃의 값만 따로 모아 저장한다.
새로운 페이지를 요청할때 중복되는 값은 클라이언트 라우터 캐시에서 가져와서 사용한다.

profile
안녕하세요!

0개의 댓글