مقدمة

مشكلة التخزين المؤقت الشائعة في Next.js أثناء إنشاء تطبيق هي سلوك التخزين المؤقت الافتراضي لـ Next.js الذي يؤدي إلى الإحباط للعديد من المطورين. في كثير من الحالات، يساعد التخزين المؤقت على تسريع تحميل الصفحات وتقليل تحميل الخادم عن طريق تخزين نسخ من الموارد.
ومع ذلك، قد يؤدي ذلك في بعض الأحيان إلى عرض محتوى قديم، مما قد يمثل مشكلة للتطبيق الديناميكي مثل خلاصة المدونة حيث يتم عرض مدونة جديدة عند إضافتها.

إلغاء الاشتراك في التخزين المؤقت للبيانات

يعمل Next.js على توسيع واجهة برمجة تطبيقات Web fetch() الأصلية للسماح لكل طلب على الخادم بتعيين دلالات التخزين المؤقت المستمرة الخاصة به.

لإلغاء الاشتراك في التخزين المؤقت لطلبات الجلب الفردية، يمكنك ضبط خيار التخزين المؤقت في الجلب على "عدم التخزين". سيؤدي هذا إلى جلب البيانات ديناميكيًا عند كل طلب.

export default async function Page() {

  const dynamicData = await fetch(`https://...`, { cache: 'no-store' })
  const data = await dynamicData.json()
}

سيساعد هذا في تجاوز سلوك التخزين المؤقت الافتراضي لـ Next.js