Next.js - revalidatePath

Next.js - revalidatePath

캐시(Cache)

• 캐시(Cache)는 데이터나 연산 결과를 임시로 저장해 두었다가 필요할 때 빠르게 다시 사용할 수 있도록 하는 메모리 영역이다. 캐시는 성능 최적화와 효율성을 높이기 위해 다양한 컴퓨팅 시스템에서 광범위하게 사용된다.

• NextJS로 프로젝트를 진행하고 빌드를 했을 때, 모든 페이지는 정적인 페이지로 만들어진다. 따라서 사용자가 어떠한 컨텐츠를 생성하고 새로고침을 해도 생성된 컨텐츠가 보이지 않는다. 이러한 방법을 개선하기 위해서 revalidatePath라는 NextJS 내장함수를 사용한다.

revalidatePath(재검사할 경로, 기본 값:page);

import { revalidatePath } from "next/cache";

revalidatePath("/meals"); // meals페이지만 재검사한다.

revalidatePath("/meals", "layout"); // 중첩된 모든 페이지를 재검사한다.

revalidatePath("/", "layout"); // 모든 페이지를 재검사한다.

[참고] Next.js revalidatePath 관련 문서