অন-ডিমান্ড রিভ্যালিডেশন (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 সহজ কিন্তু অপূর্ণ: অত্যন্ত কম = অপ্রয়োজনীয় পুনর্জন্ম; অত্যন্ত বেশি = বাসি কন্টেন্ট। অন-ডিমান্ড এটি ঠিক করে আপনার নিজের কোড থেকে পুনর্বৈধতা ট্রিগার করে যখন একটি পরিবর্তন প্রকৃতপক্ষে ঘটে।

## দুটি অন-ডিমান্ড API

```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
}
```

## কেন এটি গুরুত্বপূর্ণ

অন-ডিমান্ড রিভ্যালিডেশন আপনাকে পবিত্র গ্রাইল দেয়: **বাস্তব-সময় তাজা সহ স্ট্যাটিক পারফরম্যান্স**।

পুনর্বৈধতা ইন্টারভাল অনুমান করার পরিবর্তে, আপনি সঠিকভাবে অবৈধ করেন যখন কন্টেন্ট পরিবর্তিত হয় — webhook-এর মাধ্যমে (CMS প্রকাশ) অথবা Server Action মিউটেশনের পরে — `revalidateTag`/`revalidatePath` ব্যবহার করে।

এটি বাসি কন্টেন্ট এবং অপচয়কারী অতি-পুনর্জন্ম উভয়ই দূর করে, ISR-কে ব্যবহারিক করে তোলে এমন কন্টেন্টের জন্য যা অপ্রত্যাশিতভাবে আপডেট হয়।