ਅਨ-ਡਿਮਾਂਡ ਰੀਵੈलੀਡੇਸ਼ਨ (ISR) ਕਿਵੇਂ ਕਾਰਜ ਕਰਦੀ ਹੈ?

Question

Accepted Answer

**ਅਨ-ਡਿਮਾਂਡ ਰੀਵੈলੀਡੇਸ਼ਨ** ਤੁਹਾਨੂੰ ਕੈਸ਼ ਕੀਤੇ/ਸਟੈਟਿਕ ਪੰਨਿਆਂ ਨੂੰ **ਬਿਲਕੁਲ ਉਦੋਂ ਅਵੈਧ ਕਰਨ ਦਿੰਦੀ ਹੈ ਜਦੋਂ ਡਾਟਾ ਬਦਲਦਾ ਹੈ** — ਸਮੇਂ ਦੇ ਆਧਾਰ ਤੇ ਅੰਤਰਾਲ ਦੀ ਉਮੀਦ ਕਰਨ ਦੀ ਬਜਾਏ। ਇਹ ਸਮਾਂ-ਆਧਾਰਿਤ ISR (`revalidate: N`) ਦਾ ਸਟੀਕ ਪੂਰਕ ਹੈ।

## ਸਮਾਂ-ਆਧਾਰਿਤ ਬਨਾਮ ਅਨ-ਡਿਮਾਂਡ

```tsx
// Time-based: page refreshes on a fixed schedule (may serve stale data up to N seconds)
export const revalidate = 3600; // every hour

// On-demand: refresh the INSTANT the underlying data changes — no waiting, no waste
```

ਸਮਾਂ-ਆਧਾਰਿਤ ISR ਸਧਾਰਨ ਪਰ ਅਪੂਰਨ ਹੈ: ਬਹੁਤ ਛੋਟਾ = ਬੇਲੋੜਾ ਪੁਨਰ-ਉਤਪਾਦਨ; ਬਹੁਤ ਲੰਮਾ = ਪੁਰਾਣਾ ਸਮੱਗਰੀ। ਅਨ-ਡਿਮਾਂਡ ਇਸ ਨੂੰ ਆਪਣੇ ਕੋਡ ਤੋਂ ਰੀਵੈਲੀਡੇਸ਼ਨ ਨੂੰ ਟ੍ਰਿਗਰ ਕਰਕੇ ਠੀਕ ਕਰਦੀ ਹੈ ਜਦੋਂ ਕੋਈ ਤਬਦੀਲੀ ਅਸਲ ਵਿੱਚ ਹੁੰਦੀ ਹੈ।

## ਦੋ ਅਨ-ਡਿਮਾਂਡ APIs

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

// 1. Tag your fetches, then invalidate by tag
await fetch("https://api/posts", { next: { tags: ["posts"] } });
revalidateTag("posts");      // refresh EVERY page/fetch tagged "posts"

// 2. Or invalidate a specific path
revalidatePath("/blog/my-post");
```

## ਇੱਕ ਅਸਲ ਵਰਕਫ਼ਲੋ: CMS webhook

```ts
// app/api/revalidate/route.ts — called by your CMS when an editor publishes
import { revalidateTag } from "next/cache";
import { NextRequest, NextResponse } from "next/server";

export async function POST(req: NextRequest) {
  const secret = req.nextUrl.searchParams.get("secret");
  if (secret !== process.env.REVALIDATE_SECRET) {       // verify it's really your CMS
    return NextResponse.json({ ok: false }, { status: 401 });
  }
  revalidateTag("posts");                                // rebuild affected pages now
  return NextResponse.json({ revalidated: true });
}
```

ਪ੍ਰਵਾਹ: ਸੰਪਾਦਕ CMS ਵਿੱਚ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰਦਾ ਹੈ → CMS ਤੁਹਾਡੇ webhook ਨੂੰ ਕਾਲ ਕਰਦਾ ਹੈ → `revalidateTag("posts")` ਕੈਸ਼ ਨੂੰ ਅਵੈਧ ਕਰਦਾ ਹੈ → ਅਗਲਾ ਵਿਜ਼ਿਟਰ ਤਾਜ਼ੀ ਤੋਂ ਤੈਅ ਸਟੈਟਿਕ HTML ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ। ਪੰਨੇ ਸਟੈਟਿਕ-ਤੇਜ਼ **ਅਤੇ** ਪ੍ਰਕਾਸ਼ਤ ਕਰਨ ਉਪਰੰਤ ਤੁਰੰਤ ਅਪਡੇਟ ਰਹਿਣ।

## Server Action ਪਰਿਵਰਤਨ ਤੋਂ ਬਾਅਦ

```tsx
"use server";
export async function createPost(data) {
  await db.post.create({ data });
  revalidateTag("posts"); // user sees their new post immediately
}
```

## ਕਿਉਂ ਇਹ ਮਾਇਨੇ ਰਖਦਾ ਹੈ

ਅਨ-ਡਿਮਾਂਡ ਰੀਵੈਲੀਡੇਸ਼ਨ ਤੁਹਾਨੂੰ ਪਵਿੱਤਰ ਤੁਰੰਤ ਦਿੰਦੀ ਹੈ: **ਅਸਲ-ਸਮਾਂ ਤਾਜ਼ਗੀ ਨਾਲ ਸਟੈਟਿਕ ਪ੍ਰਦਰਸ਼ਨ**।

ਇੱਕ ਰੀਵੈਲੀਡੇਸ਼ਨ ਅੰਤਰਾਲ ਦਾ ਅਨੁਮਾਨ ਲਗਾਉਣ ਦੀ ਬਜਾਏ, ਤੁਸੀਂ ਬਿਲਕੁਲ ਉਦੋਂ ਅਵੈਧ ਕਰਦੇ ਹੋ ਜਦੋਂ ਸਮੱਗਰੀ ਬਦਲਦੀ ਹੈ — webhooks (CMS ਪ੍ਰਕਾਸ਼ਨ) ਜਾਂ Server Action ਪਰਿਵਰਤਨ ਤੋਂ ਬਾਅਦ — `revalidateTag`/`revalidatePath` ਦੀ ਵਰਤੋਂ ਕਰਕੇ।

ਇਹ ਪੁਰਾਣੀ ਸਮੱਗਰੀ ਅਤੇ ਬੇਲੋੜੇ over-regeneration ਦੋਵਾਂ ਨੂੰ ਖਤਮ ਕਰਦਾ ਹੈ, ISR ਨੂੰ ਸਮੱਗਰੀ ਲਈ ਵਿਹਾਰਕ ਬਣਾਉਂਦਾ ਹੈ ਜੋ ਬੇ-ਲਾਮ ਤੋਂ ਅਪਡੇਟ ਹੁੰਦੀ ਹੈ।