프론트엔드
유튜브 강좌로 프론트엔드 개발을 배우고 아이디어를 직접 개발해서 스타트업 창업을 목표로 합니다.
#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
채널을 구독하면 구독한 채널에 키워드를 등록할 수 있습니다.
..
Comments
키워드 내용에 대한 서로의 생각을 공유하고 댓글로 응원해주세요.
등록된 댓글이 없습니다.