Next.jshard

Wyjaśnij cache i rewalidację w Next.js (fetch cache, revalidatePath).

Tagi

#caching#revalidation#fetch#nextjs

Odpowiedź

Next.js domyślnie cache’uje fetch’e na serwerze w zależności od ustawień żądania i trasy. Możesz to wyłączyć przez cache: 'no-store' lub ustawić czas rewalidacji, aby odświeżać dane okresowo. revalidatePath/revalidateTag pozwalają unieważniać cache stron lub danych na żądanie.

export const revalidate = 60

const res = await fetch('https://api.example.com/posts', { next: { revalidate: 60 } })
const posts = await res.json()

Powiązane pytania

Next.js

Pobieranie danych w App Router: co zmieniają `cache: 'no-store'` i `revalidate`?

#nextjs#fetch#cache

Next.js

Renderowanie statyczne vs dynamiczne w App Router: co sprawia, że trasa staje się dynamiczna?

#nextjs#rendering#static

Next.js

`next/link` i prefetching: co robi i jak można go kontrolować?

#nextjs#link#prefetch

Next.js

Middleware w Next.js: do czego się nadaje i jakie ma ograniczenia?

#nextjs#middleware#edge

Next.js

Route Handlers w App Router: jak je definiujesz i do czego służą?

#nextjs#route-handlers#api

Next.js

Unieważnianie cache: co robią `revalidatePath` i `revalidateTag`?

#nextjs#cache#revalidate