CSR Cache & Next.js

브라우저 메모리 cache와 Next.js 서버 Data Cache는 필요한 경우에만 공용 service에 추가합니다.

같은 화면에서 동일한 검색 요청이 여러 번 발생하는 경우createCsrCache로 Observable 결과를 잠시 공유할 수 있습니다. cache 기능을 쓰지 않는 service에는 기존callApi를 그대로 사용합니다.

Server Component에서 공개 데이터를 cache하려면 별도 엔트리포인트의callApiSsrCache를 사용합니다. 브라우저에서는 CSR cache로, 서버에서는 Next.js cache로 분기하는 wrapper를 공용 service에 둘 수 있습니다.

인증 응답

프로필, 권한, 결제 정보처럼 Authorization에 따라 달라지는 응답을 공유 cache에 넣지 마세요. 이런 요청은 일반 callApi를 사용하거나cacheTime: 0으로 no-store 처리하는 편이 안전합니다.

CSR Cache &amp; Next.js