Revalidating 데모
Server Action에서 revalidatePath를 호출하면 해당 경로의 캐시가 무효화되어 최신 데이터가 표시됩니다. 포스트 제목을 수정해보세요.
핵심 코드
// actions.ts
import { revalidatePath } from 'next/cache'
export async function updatePostTitle(formData: FormData) {
'use server'
// Update data...
revalidatePath('/posts') // 캐시 무효화
}체험 포인트: 제목을 수정하고 버튼을 누르면 revalidatePath가 호출되어 페이지가 최신 데이터로 갱신됩니다. fetchedAt 시간이 변하는 것을 확인하세요.