Next의 Data Cache

Next의 Data Cache

Data Cache는 Next에서 제공하는 fetch 데이터를 서버에서 보관하는 기능입니다.

영구적으로 데이터를 보관하거나, 특정 시간을 주기로 갱신 시키는 것도 가능합니다. Tanstack Query를 아시는 분들이라면 쉽게 이해하실 수 있습니다!

기본적인 사용 방법은 아래와 같습니다

const response = await fetch('/api/~~', {cache: 'force-cache'});

cache의 속성

1. fache-force
   데이터를 처음 한번 불러와 영구적으로 저장합니다.
   이후, 데이터를 호출하지 않습니다.
2. no-store
   데이터 페칭의 결과를 저장하지 않습니다.
   cache 속성의 기본값입니다.
   (Next 15기준 기본값입니다. Next 14에서는 fatch-force가 기본값으로 되어있습니다.)

cache말고도 next라는 옵션도 존재합니다.

const response = await fetch('/api/~~', {next: {revalidate:3});

next 옵션의 속성

1. revalidate
   특정 시간을 주기로 캐시를 업데이트합니다.
2. tags
   요청이 들어왔을 때 데이터를 최신화합니다.

cache 속성은 Next에서 제공하는 fetch에서만 적용이 가능합니다 Axios와 같은 다른 API 라이브러리에서는 사용이 불가능합니다!!