Cad iad na sraitheanna taisce a bhíonn ag Next.js?

Question

Accepted Answer

Tá **sraitheanna taisce iolracha** ag an App Router a oibríonn le chéile. Soiléiríonn a thuiscint cén fáth go bhíonn dáta sean-aimseartha uaireanta agus conas smacht a bheith agat ar fhreshness.

## Na ceithre thaisce

```text
1. Request Memoization — dedupes identical fetch() calls within ONE render pass
2. Data Cache          — persists fetch() results across requests & deploys (server)
3. Full Route Cache    — caches the rendered HTML/RSC of static routes (build time)
4. Router Cache        — client-side cache of visited routes (in the browser, per session)
```

## 1. Request Memoization

```tsx
// the SAME fetch in a layout AND a page → only ONE network request per render
const user = await fetch("/api/user"); // automatically deduped
```

## 2. Data Cache (an ceann a oibreofá ar a laghad)

```tsx
fetch(url, { cache: "force-cache" });       // cached (default) — like SSG
fetch(url, { cache: "no-store" });          // never cached — fresh every request
fetch(url, { next: { revalidate: 60 } });   // cached, refreshed every 60s — ISR
fetch(url, { next: { tags: ["posts"] } });  // taggable for on-demand invalidation
```

## 3 & 4. Route caches

Stórálann an **Full Route Cache** bealaí atá rendáilte go statach; coimeádann an **Router Cache** bealaí a cuireadh i ndiaidh a chéile sa bhrabhsálaí ionas go bhfuil gluaiseanna siar/ar aghaidh agus athnavigeáil ina bphlip.

## Caches a neamhbhailíochtú ar mutation

```tsx
import { revalidatePath, revalidateTag } from "next/cache";

revalidatePath("/blog");        // invalidate a specific route's cache
revalidateTag("posts");         // invalidate every fetch tagged "posts"
router.refresh();               // (client) clear the Router Cache for current route
```

Iar ndáta/nuashonraigh a chruthú (go minic i Server Action), glaoireann tú `revalidatePath`/`revalidateTag` ionas go bhfaigheann na leathanaigh thionchair na sonraí arís agus go bhfeiceann úsáideoirí an athrú.

## An gealadh coitianta

```text
"Why is my data stale after an update?" → a cache (usually Data or Router cache)
is serving the old value. Fix: revalidateTag/revalidatePath after the mutation,
or use cache: "no-store" for always-fresh data.
```

(Nóta: athraigh réamhshocruithe cache ar fud leaghan Next — seiceáil do leagan, mar ní dhéanann roinnt leaghan nua-aimseartha taisce a dhéanamh chomh fíochmhar sin de réir réamhshocrú.)

## Cad atá tábhachtach ann

Is é taisce iolra-sraith fíochmhar Next.js an rud a dhéanann gasta a dhéanamh, ach is é an fhoinse #1 de mhíchomhréir "cén fáth go bhfuil mo dháta sean-aimseartha?" ann.

A bheith ar eolas faoi na ceithre shraitheanna, smacht ar an Data Cache in aghaidh an fhál (`no-store`/`revalidate`/tags), agus neamhbhailíochtú le `revalidatePath`/`revalidateTag` tar éis mutations ní mór a bheith ar eolas chun a dhá fheidhmíochta agus freshness cheart a bhaint amach.