Next.js 15 का आधिकारिक वर्ज़न रिलीज़

Next.js 15 का आधिकारिक वर्ज़न 2024 कॉन्फ्रेंस के साथ रिलीज़ किया गया है। नीचे दिए गए बिंदुओं में वे बदलाव शामिल नहीं हैं जिन्हें पहले Next.js 15 RC 2 में समझाया गया था। अगर आप बदलावों को जानना चाहते हैं, तो पहले उसे पढ़ें.

• Caching Semantics (Breaking): निम्न व्यवहारों में अब कैशिंग डिफ़ॉल्ट नहीं है। यह बदलाव इसलिए किया गया क्योंकि Partial Prerendering(PPR) या third-party libraries के साथ इंटरैक्शन के दौरान समस्याएँ हो सकती थीं, इसलिए डिफ़ॉल्ट cache strategy पर फिर से विचार किया गया। पहले force-cache डिफ़ॉल्ट था, लेकिन अब इसे no-store में बदल दिया गया है, ताकि डिफ़ॉल्ट रूप से cache न हो और अधिक predictable performance और data मिल सके।

  • fetch requests अब डिफ़ॉल्ट रूप से cache नहीं होंगी, और no-store डिफ़ॉल्ट मान है। ज़रूरत होने पर force-cache option से caching सेट की जा सकती है।
  • GET Route Handlers भी डिफ़ॉल्ट रूप से cache नहीं होते। force-static option के ज़रिए caching का उपयोग किया जा सकता है।
  • Client Router Cache अब page navigation के समय latest data को reflect करता है और डिफ़ॉल्ट रूप से cache नहीं होता। पुराने व्यवहार पर लौटने के लिए staleTimes option सेट किया जा सकता है।

• React 19 Support: Next.js 15 को React 19 के अनुरूप अपडेट किया गया है, और React 18 के साथ भी Pages Router में compatibility बनाए रखी गई है। App Router React 19 RC का उपयोग करता है, और community feedback को ध्यान में रखते हुए React 18 उपयोग करने वाले projects को भी React 19 में upgrade करने योग्य बनाया गया है। साथ ही React Compiler पेश किया गया है, जिससे automatic optimization संभव होता है और manual memoization कम होती है। ये बदलाव भविष्य में React 19 की आधिकारिक रिलीज़ की तैयारी के लिए हैं।

  • React Compiler (Experimental): React Compiler, Meta की React टीम द्वारा बनाया गया एक experimental compiler है, जो JavaScript के semantics और React rules को समझकर code को automatically optimize करता है। इससे developers को useMemo और useCallback जैसी APIs के ज़रिए manual memoization करने की ज़रूरत कम हो जाती है। Next.js 15 में इसका support है और फिलहाल यह केवल Babel plugin के रूप में उपलब्ध है, जिससे build time धीमा हो सकता है।
  • Hydration Error Improvements: Next.js 15 ने पिछले वर्ज़न में बेहतर किए गए error messages और hydration error handling को और आगे बढ़ाया है। अब hydration error होने पर, error का source code और समस्या हल करने के सुझाव भी साथ में दिखाए जाते हैं। इससे developers को error को आसानी से समझने और ठीक करने में मदद मिलती है।

• Turbopack Dev: Turbopack अब stable हो चुका है और इसकी तेज़ गति development experience को बेहतर बनाती है। local server start लगभग 76%, Fast Refresh 96%, और बिना cache के first route compile लगभग 45% बेहतर हुआ है।

• unstable_after API (Experimental): unstable_after Next.js 15 में जोड़ा गया एक experimental API है, जो user response के बाद logging या analytics जैसे secondary tasks को process करने देता है। serverless functions response पूरा होते ही तुरंत execution रोक देती हैं, इसलिए इसे हल करने के लिए after() का उपयोग किया जा सकता है, जिससे response पूरा होने के बाद भी काम को delayed execution के रूप में चलाया जा सके। loading, statistical data आदि को external systems के साथ sync किया जा सकता है.

[vipeen]

नए प्रोजेक्ट्स के लिए मैं vue3 या sveltekit चुनता हूँ.

[zillionstar]

Next15 जिस React को सपोर्ट करता है, वह 19 से है.. लेकिन React 19 ने अभी तक RC टैग नहीं हटाया है।

[kbumsik]

जैसा कि किसी और ने कहा, फ़ीचर बदलावों से जुड़ी कुछ समस्याएँ हैं इसलिए यह अभी भी rc है, लेकिन उस हिस्से को छोड़ दें तो इसे stable माना जा सकता है।

[ragingwind]

https://x.com/timneutkens/status/1848464958830612729 से संबंधित मेंटेनर का सवाल-जवाब वाला ट्वीट