अन-डिमान्ड रिभ्यालिडेसन (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 mutation पछि

```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 mutations पछि — `revalidateTag`/`revalidatePath` प्रयोग गरेर।

यसले पुरानो सामग्री र व्यर्थ over-regeneration दुवै हटाउँछ, ISR लाई सामग्रीको लागि व्यावहारिक बनाउँछ जो अप्रत्याशितताका साथ अपडेट हुन्छ।