تخطَّ إلى المحتوى

شرح Next.js

التخزين المؤقّت (Caching)

الدرس 15 من 25· ⏱ 1 دقائق قراءة

إعادة التحقّق الزمني (ISR)

أعد توليد الصفحة كل فترة محدّدة:

const res = await fetch(url, { next: { revalidate: 3600 } }); // كل ساعة

بيانات ديناميكية دائمًا

const res = await fetch(url, { cache: "no-store" }); // بلا تخزين

إعادة التحقّق عند الطلب

بعد تعديل البيانات، أبطل الذاكرة المؤقّتة:

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

revalidatePath("/blog");        // مسار محدّد
revalidateTag("posts");         // كل ما وُسم بـ posts

الوسوم

fetch(url, { next: { tags: ["posts"] } });

ثم revalidateTag("posts") يحدّث كل الصفحات المرتبطة.

الخلاصة

  • محتوى نادر التغيّر → SSG (الافتراضي).
  • يتغيّر دوريًّا → revalidate.
  • يتغيّر مع كل طلب → no-store.
  • بعد تعديل → revalidatePath/revalidateTag.

🎯 التالي: البيانات الوصفية و SEO.

هل كان هذا الدرس مفيدًا؟