Next.js 13.3 रिलीज़

• File-Based Metadata API जोड़ा गया
  • page या layout में dynamic या static रूप से export किए गए Metadata को HTML के title, link, meta tag वैल्यू में बदलता है
  • Config-based Metadata में, फ़ाइल नियमों के अनुसार फ़ाइलों को पढ़कर उस पेज के meta वैल्यू में जोड़ा जाता है
    • उदाहरण: अगर opengraph-image.jpg नाम की फ़ाइल है => तो उसे <meta property=og:image” .. /> में बदलकर जोड़ा जाता है
  • Metadata API को 13.3 App Router(app) से सपोर्ट किया गया है
• Dynamic Open Graph Image Generation: बिना किसी अतिरिक्त external package के ImageResponse का उपयोग करके dynamic image बनाई जा सकती है। ऊपर बताए गए config-based metadata में अगर opengraph-image.tsx का उपयोग किया जाए, तो request time पर उपयुक्त Open Graph वैल्यू और Twitter image बनाई जा सकती है
• Static Export for App Router: App Router अब पूरी तरह static pages को सपोर्ट करता है
  • config फ़ाइल में output: ‘export’, विकल्प जोड़कर next build चलाने पर हर route के लिए HTML page बनाया जाता है
  • अगर dynamic data लाकर render किया जाता है, तो Server Components के मामले में भी build के दौरान data लाकर HTML के रूप में बनाया जाता है
  • अगर build time पर यह पता न हो कि कौन-सा data लाना है, तो Client Component का उपयोग करें
• Parallel Routes and Interception: Next.js 13.3 में नए dynamic rules जोड़े गए हैं, जिनसे advanced routing techniques लागू की जा सकती हैं
  • Parallel Routes: एक या अधिक pages को एक साथ (शर्तों के अनुसार) एक ही स्क्रीन पर render किया जा सकता है। @ से शुरू होने वाले कई slots निर्दिष्ट करके हर slot में अलग page render किया जा सकता है
  • Intercepting routes: (..) से शुरू होने वाले नियम का उपयोग करके मौजूदा layout के भीतर नया route लोड किया जा सकता है। यह मौजूदा page का context बनाए रखने में उपयोगी है

[kdy1234]

दुर्भाग्य से इस बार मेरा patch लगभग शामिल ही नहीं हुआ।
मैंने Wasm issue ठीक किया था, लेकिन review और CI से जुड़े काम की वजह से वह अभी तक merge नहीं हो पाया है।

[chanhee]

मुझे उम्मीद थी कि इस बार यह शामिल होगा, इसलिए काफ़ी उम्मीदें थीं, लेकिन अफ़सोस है। आपने बहुत मेहनत की~