16.x रिलीज़ों के दौरान, Next.js ने App Router की विफलताओं को सुलझाने वाला एक नया प्रोग्रामिंग मॉडल पेश किया: तेज़ प्रारंभिक लोड, क्लाइंट नेविगेशन पर तुरंत एक्सेल और वैकल्पिक डिक्लेरेटिव कैशिंग। यह मॉडल कैश कॉम्पोनेन्ट्स कहलाता है और यह Next.js 17 में डिफॉल्ट बन जाएगा। इस रिलीज़ से पहले, इसे कार्यकुशलता की बाधा के कारण सामूहिक रूप से सिफारिश नहीं किया जाता था। 16.4 में की-फीचर्स इन बाधाओं को बंद करती हैं, जिससे Next.js कैश कॉम्पोनेन्ट्स को हर ऐप के लिए बेहतर विकल्प के रूप में सिफारिश कर सकता है। 16.4 से, सभी नई ऐप्स create-next-app के माध्यम से बनाकर उन्हें डिफॉल्ट रूप से कैश कॉम्पोनेन्ट्स को एक्सेस करने के लिए सक्षम कर दी जाती हैं। हरा फील्ड प्रोजेक्ट्स इस मॉडल को बिना किसी अवसर के अपनाने के लिए सक्षम होते हैं। मौजूदा ऐप्स के लिए, नई `next upgrade --agent` कमांड विशिष्ट संस्करण गाइडेंस और रिफैक्टरिंग के लिए विशेष Skills हेल्प एजेंट्स प्रदान करती है। 16.4 साथ ही, सभी ऐप्स के लिए बॉक्स-आउट सुधार भी शामिल हैं: डिवेलपमेंट में कम मेमोरी और डिस्क उपयोग, कम कम्पाइल टाइम, छोटे प्रोडक्शन बंडल और React 19.3। कैश कॉम्पोनेन्ट्स एक सेट फीचर्स हैं जो डेवलपर्स को एक कॉम्पोनेन्ट ट्री के विशिष्ट भागों को कैश करने के लिए योग्य के रूप में चिह्नित करने की अनुमति देते हैं। 'use cache' एनोटेशंस का उपयोग करके, Next.js क्लाइंट नेविगेशन के दौरान कॉम्पोनेन्ट UI को कैश में रखता है और वैकल्पिक रूप से रेंडरिंग या बिल्ड के दौरान सर्वर पर। ये कॉम्पोज़ेबल एनोटेशंस क्लाइंट-साइड कैशिंग, प्लग-इन सर्वर-साइड कैशिंग और रिक्वेस्ट-टाइम रेंडरिंग को एकल पेज में मिलाते हैं, पिछले App Router संस्करणों के इम्प्लीसिट कैशिंग बेहेवियर को बदलते हैं। एक हाइल्ट मार्कर फीचर पेज को एकल सर्वर रिस्पॉन्स में स्टेटिक और डायनामिक कंटेंट स्ट्रीम करने की अनुमति देता है, जिससे स्पीड को झूठे से झरने के बिना जटिल UI बना सकते हैं। पूरी तरह से स्टेटिक पेजों के लिए, नई Static विकल्प रूट की शेल, प्रीफ़ेच या नेविगेशन को स्टेटिक बनाये रखता है, साथ में डायनामिक कॉम्पोनेन्ट्स को अनजाने में परफॉर्मेंस या कॉस्ट फ़ैक्टर्स को डग्रेड करने से रोकता है।
स्रोत: Hacker News · HeadlinesBriefing द्वारा सारांशित