परिचय

एप्लिकेशन बनाते समय नेक्स्ट.जेएस में सामान्य कैशिंग समस्या नेक्स्ट.जेएस का डिफ़ॉल्ट कैशिंग व्यवहार है जो कई डेवलपर के लिए निराशा का कारण बनता है। कई मामलों में कैशिंग संसाधनों की प्रतियां संग्रहीत करके पेज लोड को तेज करने और सर्वर लोड को कम करने में मदद करती है।
हालाँकि, इसके कारण कभी-कभी पुरानी सामग्री प्रदर्शित हो सकती है, जो ब्लॉग फ़ीड जैसे गतिशील एप्लिकेशन के लिए समस्याग्रस्त हो सकती है, जहां जोड़े जाने पर नया ब्लॉग प्रदर्शित होता है।

डेटा कैशिंग से बाहर निकलना

Next.js सर्वर पर प्रत्येक अनुरोध को अपने स्वयं के लगातार कैशिंग सिमेंटिक्स सेट करने की अनुमति देने के लिए मूल वेब फ़ेच() एपीआई का विस्तार करता है।

अलग-अलग फ़ेच अनुरोधों के लिए कैशिंग से बाहर निकलने के लिए, आप फ़ेच में कैश विकल्प को 'नो-स्टोर' पर सेट कर सकते हैं। यह प्रत्येक अनुरोध पर गतिशील रूप से डेटा प्राप्त करेगा।

export default async function Page() {

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

यह Next.js के डिफ़ॉल्ट कैशिंग व्यवहार को ओवरराइड करने में मदद करेगा