KeySsue Beta

세상의 모든 댓글 키슈!

로그인

프론트엔드

유튜브 강좌로 프론트엔드 개발을 배우고 아이디어를 직접 개발해서 스타트업 창업을 목표로 합니다.

#unstable_noStore

정적 렌더링을 선택 해제하고 특정 구성 요소에 페이지 캐싱을 비활성화 - unstable_noStore

noStore 함수는 페이지 캐싱을 비활성화하는 데 사용된다. 페이지 캐싱은 성능을 향상시키기 위해 페이지를 서버에 저장하는 기술이지만 페이지 캐싱을 사용하면 사용자에게 최신 정보가 표시되지 않을 수 있다.

noStore 함수를 사용하면 페이지 캐싱을 비활성화하여 사용자가 항상 최신 정보를 볼 수 있도록 할 수 있다.

공부하면서 개발중인 프로젝트에서는 공식 문서와 같이 코드를 작성해서 사용하고 있다.

revalidate 시간을 어느 정도 주는 것이 좋은지는 아직 감이 오질 않는다. 

//fetchData.js
import { unstable_noStore as noStore } from 'next/cache';
 
export default async function Component() {
  noStore();
  const result = await db.query(...);
  ...
}

https://nextjs.org/docs/app/api-reference/functions/unstable_noStore

작성자 @하보리·0 ·9달 전
채널을 구독하면 구독한 채널에 키워드를 등록할 수 있습니다.
..

Comments

키워드 내용에 대한 서로의 생각을 공유하고 댓글로 응원해주세요.

등록된 댓글이 없습니다.
유튜브 강좌로 프론트엔드 개발을 배우고 아이디어를 직접 개발해서 스타트업 창업을 목표로 합니다.
나만의 채널을 선점해보세요.

@ KEYSSUE