▲ कम्युनिटी सेशन: Vercel पर Nuxt

VVercel
컴퓨터/소프트웨어자격증/평생교육AI/미래기술

Transcript

00:00:00और अगर मुझे पोर्टफोलियो चाहिए, उदाहरण के लिए, शायद इसका उपयोग करके कहना इतना महत्वपूर्ण न हो, लेकिन
00:00:13हाँ, आपको सीधे वही मिलता है जो आप चाहते हैं और फिर आप अपने प्रोजेक्ट को जल्दी से संपादित कर सकते हैं।
00:00:29तो हाँ, अभी के लिए एजेंटों के बारे में इतना ही, मुझे नहीं पता कि हमारे पास और कोई विचार है या नहीं।
00:00:38आप उन ब्लॉग पोस्ट का उल्लेख कर सकते हैं जहाँ हमारे पास विस्तार से सब कुछ है यह समझाने के लिए कि इसे कैसे
00:00:45लागू किया गया था और साथ ही सोर्स कोड ओपन सोर्स है।
00:00:49यदि आप गहराई से जानना चाहते हैं कि हमने वेबसाइट पर अगला एजेंट कैसे बनाया, किन घटकों
00:00:55का उपयोग किया ताकि साइड में इसकी सोच और पर्दे के पीछे की हर चीज़ दिखाई दे और
00:01:02यदि आप इसमें और सुविधाएँ जोड़ने में योगदान देना चाहते हैं, तो मुझे लगता है कि यहीं से आप
00:01:08इसे सीखना शुरू कर सकते हैं।
00:01:11और केवल यही चीज़ नहीं है, है ना?
00:01:13क्योंकि ह्यूगो ने MCP टूलकिट बनाया है, जो किसी भी Nuxt वेबसाइट को एक
00:01:22MCP सर्वर बनने और इसे सपोर्ट करने वाले किसी भी AI में एकीकृत होने में सक्षम बनाता है।
00:01:30और Nuxt.com वास्तव में कई चीजों का केंद्र बन गया है।
00:01:35आप कभी विश्वास नहीं करेंगे कि इसमें यह API है।
00:01:39तो यह हमारी मॉड्यूल API है जो Nuxt देव टूल्स को संचालित करती है।
00:01:42इसमें कई MCP सर्वर हैं, जिनसे आप अपने Nuxt ऐप, अपने
00:01:48AI एजेंट से जुड़ सकते हैं, और अब इसे चैट के साथ बनाया गया है।
00:01:53मेरा मतलब है, किसी को ह्यूगो को रोकने की जरूरत है।
00:01:55वह बस बहुत ही शानदार है।
00:01:59धन्यवाद।
00:02:03कुछ ऐसा जो उसने किया, उम, मैं अपनी पूरी स्क्रीन साझा करने की कोशिश करूँगा, उम, जो मुझे काफी
00:02:10प्रभावशाली लगता है।
00:02:11मुझे नहीं पता कि आप अब मेरी स्क्रीन देख पा रहे हैं या नहीं।
00:02:15हाँ।
00:02:16उम, यह एडमिन है, तो मुझे खेद है कि आप लोग इस एडमिन से जुड़ नहीं पाएंगे, लेकिन
00:02:22वेबसाइट पर हमारे पास यह विजेट है जहाँ आप अपनी प्रतिक्रिया दे सकते हैं।
00:02:27और यह वास्तव में हमारे लिए बहुत उपयोगी है ताकि हम जान सकें कि समय के साथ किन पेजों पर
00:02:32ध्यान केंद्रित करना है, क्या इसमें सुधार हो रहा है?
00:02:37और उसने हाल ही में MCP एडमिन लॉन्च किया जहाँ हमने अपनी बातचीत को जोड़ा और अगर
00:02:47मैं यहाँ गलत नहीं हूँ।
00:02:50मैं पूछ सकता हूँ, उम, Nuxt एडमिन MCP पर जाओ और मुझे फॉरवर्ड पेज और अधिक प्रतिक्रिया
00:03:04या इसे बेहतर बनाने के बारे में बताओ।
00:03:09और इस तरह, अगर मैंने इसे ठीक से कॉन्फ़िगर किया है, तो इसे कॉल करना चाहिए, लेकिन यह
00:03:16एडमिन है, उम, हाँ।
00:03:23वही मैंने सोचा था।
00:03:24मुझे लगता है कि मुझे Nuxt एडमिन MCP नाम के एजेंट का उपयोग करने की ज़रूरत है और मुझे सबसे खराब
00:03:35पेज की प्रतिक्रिया और इसे बेहतर बनाने के तरीके के बारे में बताओ।
00:03:42शायद यह वाला सही होना चाहिए, हाँ।
00:03:56फिर यह हमें बता रहा है कि इस पेज का औसत स्कोर है।
00:04:00हमें केवल तीन फीडबैक मिले थे, लेकिन इस तरह हम कुछ सुराग समझ पा रहे हैं कि
00:04:07इस पेज को कैसे बेहतर बनाया जाए।
00:04:09यह शायद इसलिए है क्योंकि यह केवल एक सप्ताह का फीडबैक है।
00:04:12हम और अधिक के लिए कह सकते हैं।
00:04:14हाँ, बिल्कुल।
00:04:17और कुछ और जिस पर हम काम कर रहे हैं, उम, आपने Nuxt contents का उल्लेख किया और Nuxt contents
00:04:21हमारा बेस CMS है जहाँ हमारे पास DOM में हमारे सभी दस्तावेज़ हैं और हम
00:04:29Markdown के भीतर एक घटक का उपयोग करने में सक्षम हैं।
00:04:32पिछले महीनों में, हम Comark नाम के एक प्रोजेक्ट पर काम कर रहे हैं।
00:04:36इसलिए हमने सामग्री के मुख्य भाग को निकाला ताकि हम इसे खोलने और
00:04:44Zvetki टीम के साथ-साथ Nuxt टीम के साथ रन टाइम के रूप में घटकों वाले इस
00:04:50Markdown के लिए सहयोग करने में सक्षम हो सकें।
00:04:53और जब हम AI के बारे में बात कर रहे हैं, उम, यह प्रोजेक्ट स्ट्रीमिंग और ऑटो क्लोजिंग को भी सपोर्ट करता है।
00:05:00तो हमारे पास यहाँ एक चालू सुविधा है, उम, यह सबसे बुरा हो सकता है, उम,
00:05:10यह कहने में सक्षम होना कि, मुझे बास्केटबॉल जूतों के बारे में एक पेज जनरेट करके दो।
00:05:20और हम, अभी AI मूल रूप से शुद्ध Markdown स्ट्रीम कर रहा है, लेकिन इसका लाभ उठाकर
00:05:26और AI को इस सिंटैक्स का उपयोग करना सिखाकर, यह लैंडिंग पेज बनाना शुरू कर सकता है,
00:05:33इन घटकों का पर्दे के पीछे उपयोग करके।
00:05:37तो यह बहुत ही शुरुआती चरण की प्रगति है, लेकिन यह काफी आशाजनक है और हम
00:05:44आने वाले हफ्तों में इसे V1 में सभी के लिए खोलने पर काम कर रहे हैं।
00:05:51और यह Markdown की वर्तमान प्रगति पर है।
00:05:56और हाँ, मुझे लगता है कि शायद डेनियल के पास कुछ प्रगति हो जिसे वह साझा करना चाहते हों।
00:06:01या मैंने अभी देखा कि वह चले गए।
00:06:03ओह, वह वापस आ गए हैं।
00:06:04बिल्कुल सही समय पर।
00:06:05वे वापस आ गए हैं।
00:06:06नमस्ते।
00:06:07स्वागत है।
00:06:08आप जानते हैं, मुझे बस आपको सतर्क रखना पसंद है।
00:06:17उह, हाँ, मैं comark और next content के बारे में बात कर रहा था, मेरा मतलब है, पहले next content,
00:06:28और फिर मुझे लगा कि डेनियल के पास कुछ बताने के लिए हो सकता है।
00:06:30और फिर, उह, मुझे समझ आया कि कॉल के बाद आप क्या चाह रहे थे।
00:06:35खैर, उम, हाँ।
00:06:37उम, तो मुझे लगता है, उह, एक बहुत ही दिलचस्प, मुझे नहीं पता कि कितने लोग
00:06:44इसे सुन रहे हैं?
00:06:45उन चीजों के बारे में कुछ रहस्य कैसे बताएं जिन पर हम काम करने की सोच रहे हैं?
00:06:52लोगों को वह दें जो वे चाहते हैं, किसी को बताना मत, ठीक है?
00:06:57यह सिर्फ हमारे और उन करीबी दोस्तों के बीच है जो अभी सुन रहे हैं, उम, हम बात कर रहे हैं
00:07:12कि हमारे Nuxt को कैसे बेहतर बनाया जाए।
00:07:14तो बहुत लंबे समय से यह रहा है, और यह उस विशेष पक्ष के साथ थोड़ा ओवरलैप होता है, लेकिन
00:07:19जैसे Nuxt बहुत लंबे समय से SEO के लिए एक
00:07:25समाधान रहा है।
00:07:26इसलिए लोग Nuxt का उपयोग करके सीधे बेहतरीन सर्च इंजन परिणाम
00:07:33पाने में सक्षम रहे हैं।
00:07:34वास्तव में, मुझे लगता है कि काफी समय तक, Nuxt JS के लिए सर्च परिणामों में Nuxt शीर्ष पर था,
00:07:42लेकिन यह सही है, उह, सेबेस्टियन, आपको भी वह याद है, है ना?
00:07:46लोग Next के लिए सर्च करते थे और Nuxt लिस्ट में सबसे ऊपर होता था और अब यह
00:07:50सच नहीं है।
00:07:51अब हम बिल्कुल भी शीर्ष पर रैंक नहीं करते हैं।
00:07:53उम, लेकिन हम सोच रहे हैं कि हम Nuxt content जैसी चीजों के साथ क्या कर सकते हैं जिसका मतलब है कि Nuxt
00:07:59सर्च इंजन ऑप्टिमाइजेशन के लिए एक शानदार प्लेटफॉर्म है।
00:08:05तो आप क्या करते हैं जब लोग वास्तव में आपके उत्पाद या जो कुछ भी वे उपयोग कर रहे हों,
00:08:10उसके बारे में जानकारी खोज रहे होते हैं, उम, उह, वे शायद किसी एजेंट जैसी
00:08:16कुछ अन्य चीजों का उपयोग कर रहे हों, या शायद वे स्मार्ट स्पीकर या ऐसा ही कुछ उपयोग कर रहे हों।
00:08:19उम, वे आपकी साइट के बारे में जानकारी कैसे प्राप्त करते हैं?
00:08:22और हमारे पास उस पर बहुत सारी योजनाएँ हैं।
00:08:24स्पष्ट कर दूँ कि मैं उस प्रोजेक्ट को लीड नहीं कर रहा हूँ, लेकिन टीम के भीतर हम कर रहे हैं, और मैं
00:08:28बहुत अधिक रहस्य नहीं बताना चाहता, लेकिन यह कुछ ऐसा है जिसका उल्लेख करना शायद उचित है, उम,
00:08:33जब Nuxt content के पक्ष में होने वाली कुछ नई शानदार चीजों के बारे में
00:08:37सोचने की बात आती है।
00:08:38हाँ।
00:08:39धन्यवाद।
00:08:40यदि आप Nuxt.com रेपो या Nuxt UI दस्तावेज़ीकरण पर हालिया पुल रिक्वेस्ट
00:08:47को देखें, तो बेंजामिन और ह्यूगो अधिक AEO ऑप्टिमाइजेशन पर जोर दे रहे हैं।
00:08:53तो मूल रूप से यदि कोई एजेंट Nuxt दस्तावेज़ीकरण को क्रॉल करने का प्रयास कर रहा है, यदि हम
00:09:00एक्सेप्ट हेडर के साथ इसका पता लगाते हैं, तो हम आधुनिक पेजों को
00:09:06सीधे सर्व कर रहे हैं, वैसे ही अगर हम यूजर एजेंट का पता लगाते हैं, तो हम सभी पेजों के लिए भी ऐसा कर रहे हैं,
00:09:13हम JSON-LD जोड़ने की कोशिश कर रहे हैं, ताकि एजेंटों के लिए यह समझने के लिए अधिक सामग्री हो कि
00:09:19वे क्या क्रॉल कर रहे हैं, उन्हें सीधे सामग्री देकर कॉन्टेक्स्ट विंडो को कम करने के लिए भी।
00:09:24और अब तक हम प्रयोग कर रहे हैं और हम सोच रहे हैं कि कौन सी सुविधाएँ
00:09:26कोर या हमारे कोर मॉड्यूल का हिस्सा हो सकती हैं, उह, लेकिन इनके लिए, रिफैक्टरिंग और
00:09:31अज्ञेयवादी कुछ सोचने से पहले, हमें पहले इसे स्वयं प्रयोग करने की आवश्यकता है, उम, और हाँ, और
00:09:36देखें कि समुदाय इसे कैसे अपनाता है और क्या यह वास्तव में समझ में आता है क्योंकि यह बहुत तेज़ी से विकसित हो रहा है।
00:09:42हम LLMs.txt, MCP के बारे में बात कर रहे हैं, अब यह हेडर के रूप में मार्कडाउन स्वीकार करने के बारे में है।
00:09:48दो सप्ताह में यह कैसा होने वाला है?
00:09:49उम, इसलिए हम सीधे कोर में फीचर नहीं डालना चाहते यदि हमें बाद में
00:09:56उन्हें हटाना पड़े।
00:09:58इसलिए हम इस पर कदम दर कदम आगे बढ़ रहे हैं, लेकिन जब भी हम कर सकते हैं प्रयोग कर रहे हैं।
00:10:06मुझे लगता है कि उन चीजों में से एक जो मुझे Nuxt के बारे में पसंद है, और मेरा मतलब है, हमने मॉड्यूल इकोसिस्टम
00:10:07और इस तथ्य के बारे में बात की कि इसे विस्तारित करना संभव है।
00:10:16इसका मतलब है कि ऐसी चीजें बनाना संभव है जो कोर में जगह नहीं बनाती हैं और उन्हें
00:10:21बनाने की ज़रूरत भी नहीं है, जैसे वे एक प्रयोग हो सकती हैं।
00:10:24वे कुछ ऐसा हो सकते हैं जिसे लोग प्रोडक्शन में उपयोग करते हैं, अपनी वेबसाइटों पर उपयोग करते हैं और हम वास्तव में
00:10:28प्रतिक्रिया प्राप्त कर सकते हैं, उम, न केवल वैचारिक प्रतिक्रिया या RFC पर प्रतिक्रिया, बल्कि वास्तव में व्यावहारिक
00:10:31प्रतिक्रिया, वास्तविक दुनिया के प्रोजेक्ट्स या वास्तविक दुनिया के उपयोग के मामलों पर।
00:10:35उम, इससे पहले कि हमें यह निर्णय लेना पड़े कि कोई चीज़
00:10:42कोर मॉड्यूल बनती है या नहीं।
00:10:46मैं नहीं देख पा रहा हूँ कि चैट में, उम, लाइव चैट में कोई प्रश्न है या नहीं,
00:10:53जिसका हम उत्तर दे सकें।
00:10:56उम, मेरा एक प्रश्न है और मैं जानता हूँ कि आपने पहले ही साझा कर दिया है कि आप किन रहस्यों
00:11:07पर काम कर रहे हैं, लेकिन क्या आगे कुछ ऐसा है जिसके बारे में आप विशेष रूप से उत्साहित
00:11:08हैं जिसे आप साझा कर सकें?
00:11:15ऐसी बहुत सी चीजें हैं जिनके बारे में मैं उत्साहित हूँ, लेकिन, उम, मैं नहीं चाहता, उह,
00:11:20तो एक चीज़ यह है कि हम अगले वर्ज़न पाँच के लिए सब कुछ तैयार करने पर काम कर रहे हैं।
00:11:32यह कुछ ऐसा है जिसके बारे में हम काफी समय से बात कर रहे हैं।
00:11:40उम, नाइट्रो वर्ज़न तीन, उम, मुख्य विशेषता है जिसे यह लाता है, उम, और
00:11:44इकोसिस्टम को इस कदम के लिए तैयार करना एक बड़ा काम है, लेकिन यह वास्तव में सही दिशा में है।
00:11:45तो नाइट्रो हमें वेब मानकों की ओर ले जाता है।
00:11:47तो वास्तव में, बहुत ही छोटा, उम, सर्वर, उह, रैपर जो जितना संभव हो सके नेटिव की ओर ले जाए,
00:11:55चाहे वह बन हो, डिनो नोड हो या कुछ भी।
00:12:01उम, और मुझे लगता है कि यह कदम कुछ ऐसा होने वाला है जिसे लोग तुरंत
00:12:02बहुत खुशी से महसूस करेंगे, उह, वर्ज़न फाइव नाइटली, उम, स्थानीय रूप से।
00:12:05और इसे इस्तेमाल करना अभी से ही बहुत सुखद है, भले ही यह अभी
00:12:12बीटा या अल्फा में भी बाहर नहीं आया है।
00:12:18बढ़िया।
00:12:24मुझे पता है कि हमें एक सामुदायिक टिप्पणी मिली है, उह, किसी ने कहा कि वे V5 के लिए बहुत उत्साहित हैं।
00:12:31उम, और एक और प्रश्न भी, उह, Vercel पर Nuxt वर्कलोड को ऑप्टिमाइज़ करने पर
00:12:36आपकी शीर्ष सिफारिशें या सुझाव क्या हैं?
00:12:38ह्यूगो क्या आप पहले शुरू करना चाहेंगे, जैसे Vercel पर Nuxt को ऑप्टिमाइज़ करना, उह, क्योंकि यह ऐसा है,
00:12:39यह इस पर निर्भर करता है कि किस तरह से, आपका ऑप्टिमाइज़ेशन से क्या मतलब है,
00:12:45जैसे, क्या यह स्पीड के लिए है, बिल्ड के लिए या चलाने के लिए?
00:12:50हाँ, मुझे लगता है कि इसके कई तरीके हैं, लेकिन, उह, हाँ, मैं कम से कम रनटाइम
00:12:53वाले हिस्से के लिए जाऊँगा।
00:13:07उम, और मुझे लगता है कि हम अभी भी यह समझने की कोशिश कर रहे हैं कि Nuxt में हम यूजर को
00:13:14कैसे सुझाव दे सकते हैं कि इस पेज को कैश किया जा सकता है या रेंडर किया जा सकता है, उम, यह हमेशा कठिन होता है
00:13:19क्योंकि हमारे पास घटक हो सकते हैं जो डेटा फेचिंग कर रहे हैं जिन्हें आप पेजों में उपयोग कर सकते हैं।
00:13:28आपके पूरे एप्लिकेशन में सीधे ऑथेंटिकेशन हो सकता है।
00:13:29तो उस तरह से, आप कैश नहीं करना चाहते, या यदि आप ऑथेंटिकेशन के साथ
00:13:36पेजों को कैश करना शुरू करते हैं, मान लीजिए कि आपके पास एक हेडर है और फिर आप ऑथेंटिकेटेड यूजर को दिखाते हैं।
00:13:44तो आप सुनिश्चित करना चाहते हैं कि आप एक प्लेसहोल्डर को प्री-रेंडर कर रहे हैं, यह
00:13:49सुनिश्चित करते हुए कि आपको यह हाइड्रेशन एरर न मिले क्योंकि आपको क्लाइंट साइड पर पता चला
00:13:53कि आप ऑथेंटिकेटेड हैं।
00:13:58तो, उम, मैं कहूँगा कि Nuxt में हमारे पास यह बहुत शक्तिशाली विशेषता है जो
00:14:03नाइट्रो से भी आ रही है।
00:14:09इसे रूट रूल्स (route rules) कहा जाता है।
00:14:13तो इन रूट रूल्स के साथ, आप पैटर्न का उपयोग करके रूट्स के हिस्से का उल्लेख कर पाएंगे।
00:14:14तो आप कह सकते हैं कि यह समूह, जैसे मान लीजिए कि मेरे पास एक एडमिन है, एम्बेडेड एडमिन, स्लैश एडमिन,
00:14:21उह, SSR को डिसेबल कर दें।
00:14:22मुझे इस हिस्से के लिए इसकी ज़रूरत नहीं है, उह, स्लैश ब्लॉग, स्टार स्टार, उह, फिर आप उन्हें
00:14:24ISR के रूप में रखते हैं, उह, क्योंकि हम हर सेकंड ब्लॉग पोस्ट का उपयोग नहीं करते हैं।
00:14:29तो आप वर्ज़न में इंक्रीमेंटल स्टैटिक जनरेशन का लाभ उठा सकते हैं।
00:14:35इन रूट रूल्स के साथ, आप कॉन्फ़िगरेशन की कुछ लाइनों के साथ अपने ऐप्स के हिस्से को ऑप्टिमाइज़ करने में सक्षम होंगे।
00:14:37और यह प्रोडक्शन में जाने से पहले मेरी सबसे बड़ी सिफारिश होगी।
00:14:45अपने रूट रूल्स की जाँच करें।
00:14:50शानदार।
00:14:55धन्यवाद।
00:15:01एक चीज़ जो, उह, आगे बढ़ें।
00:15:03ओह, माफ़ करना।
00:15:10एक चीज़ जो देखने लायक हो सकती है वह है NPMX।
00:15:12तो NPMX, अगर आपको इसके बारे में पता नहीं है, तो यह npmjs.com का एक विकल्प है।
00:15:13तो यह NPM रजिस्ट्री के लिए एक ब्राउज़र है, उम, और यह Nuxt में बना है और
00:15:14Vercel पर होस्ट किया गया है और हमने इसे परफॉरमेंस के लिए वास्तव में अत्यधिक ऑप्टिमाइज़ किया है।
00:15:18तो अगर आप देख रहे हैं कि Vercel पर परफॉरमेंस के लिए किसी चीज़ को कैसे ऑप्टिमाइज़ किया जाए, और आप
00:15:20देखना चाहते हैं कि ये चीजें एक वास्तविक दुनिया के ऐप में कैसी दिखती हैं जिसे हमने
00:15:23बहुत सारे पेज व्यूज के लिए डिज़ाइन किया है, बहुत सारे लोग इसका उपयोग करते हैं, उम, तो इसे देखें।
00:15:30तो आप रूट रूल्स को काम करते हुए देखेंगे, आप कैशिंग देखेंगे।
00:15:36तो हम इंक्रीमेंटल स्टैटिक जनरेशन के साथ कैश करते हैं।
00:15:42तो प्रभावी रूप से पेलोड बनाना और कैश करना, उह, आवश्यकता पड़ने पर हम Nuxt 4.4 की नई सुविधा का
00:15:45उपयोग करते हैं, जो एक पेलोड कैश है, यहाँ तक कि नॉन प्री-रेंडर पेजों के लिए भी, जो
00:15:49मेरे लिए बहुत अच्छा है।
00:15:58उम, इसका मतलब है कि आपको किसी पेज पर जाने से पहले ही डेटा फेच करने का लाभ मिलता है।
00:16:01तो उस पेज के लिए आवश्यक डेटा फ्रेमवर्क द्वारा पहले से ही फेच कर लिया जाता है।
00:16:09उम, और इसका मतलब है कि यह वास्तव में बहुत तेज़ अनुभव प्रदान करता है।
00:16:17और भी बहुत सारी चीजें हैं, उम, जिन्हें आप शायद देख सकें और शायद
00:16:27अपनी वेबसाइट पर आज़मा सकें।
00:16:28अद्भुत।
00:16:34धन्यवाद।
00:16:39उम, और हमें एक कमेंट भी मिला है, उम, किसी ने कहा, पहले कभी Nuxt नहीं आज़माया, अब इसे
00:16:45आज़माना सार्थक हो सकता है।
00:16:52उम, तो हमारे पास दर्शकों में कुछ Nuxt के प्रति जिज्ञासु लोग हैं, उम, उन लोगों के लिए,
00:16:53Nuxt के साथ शुरुआत करने का सबसे अच्छा तरीका क्या है?
00:16:54धन्यवाद।
00:16:55और हमें एक कमेंट भी मिला है, किसी ने कहा, "Nuxt को पहले कभी नहीं आज़माया, शायद
00:17:03अब आज़माना सही रहेगा।"
00:17:04तो हमारे दर्शकों में कुछ Nuxt के प्रति जिज्ञासु लोग हैं, उन लोगों के लिए,
00:17:09Nuxt के साथ शुरुआत करने का सबसे अच्छा तरीका क्या है?
00:17:12मुझे पता है कि हमने पहले ही कुछ AI टूल्स का ज़िक्र किया है, लेकिन हाँ, कोई सुझाव
00:17:16है इस पर?
00:17:17मुझे लगता है कि अभी हमारे पास Nuxt एजेंट्स हैं, तो यह आपको बहुत
00:17:24अच्छे संकेत दे सकता है कि अगर आप टेम्पलेट का उपयोग करना चाहते हैं या फिर
00:17:29डॉक्यूमेंटेशन का उपयोग करके शुरुआत से काम करना चाहते हैं, तो कहाँ से शुरू करें।
00:17:31हमारे पास Nuxt.com पर बहुत सारे टेम्पलेट्स हैं, और Nuxt UI पर भी,
00:17:39और हमारे पास Nuxt.new भी है, जिसमें कुछ अन्य टेम्पलेट्स हैं, लेकिन हाँ, आप
00:17:48सीधे एजेंट से भी पूछ सकते हैं।
00:17:51इसके अलावा, Nuxt UI के डॉक्यूमेंटेशन पर, आप इसे v0 में भी खोल सकते हैं, अगर आप
00:17:57सिर्फ प्रोजेक्ट के बारे में चैट करना चाहते हैं, इसे IDE में ले जाने और कोडिंग शुरू करने से पहले।
00:18:08मुझे लगता है कि अक्सर शुरुआत करते समय, मतलब, मुझे शून्य से शुरू करने में
00:18:12कोई समस्या नहीं हुई है, लेकिन व्यक्तिगत रूप से मुझे कम से कम एक छोटा प्रोजेक्ट क्लोन करना पसंद है।
00:18:17तो GitHub पर मेरा अपना टेम्पलेट है, Daniel Rose slash Nuxt dash site dash
00:18:23template।
00:18:24और आप उसे क्लोन कर सकते हैं।
00:18:25यह बहुत छोटा है, लेकिन इसमें टेस्ट्स और यूनिट टेस्ट्स जैसी चीज़ें हैं,
00:18:31और ऐसी चीज़ें LLMs के लिए संकेत हैं कि मैं प्रोजेक्ट को इसी तरह से
00:18:37बनाना जारी रखना चाहता हूँ।
00:18:38और मुझे लगता है कि ऐसे छोटे टेम्पलेट्स LLMs के लिए सीड क्रिस्टल्स की तरह होते हैं।
00:18:44वे इसे सही दिशा दिखाते हैं और इसे उस तरह से बढ़ने के लिए ज़रूरी
00:18:45निर्देश देते हैं जैसा आप शायद चाहते हैं।
00:18:50और वास्तव में आपको इसके अलावा किसी विशेष चीज़ की ज़रूरत नहीं है।
00:18:52हालाँकि आप चीज़ें जोड़ सकते हैं, लेकिन आपको कुछ खास नहीं चाहिए।
00:18:56आप बस एक टेम्पलेट या बेसिक Nuxt नए प्रोजेक्ट के साथ शुरुआत कर सकते हैं और कह सकते हैं,
00:19:01कि "मैं यह बनाना चाहता हूँ।"
00:19:09और मैंने पाया है कि LLMs इसके साथ अद्भुत काम करते हैं।
00:19:10उन्हें कोई समस्या नहीं होती।
00:19:12तो मुख्य बात यह है कि किसी भी नई चीज़ के साथ जिसे आप आज़मा रहे हैं,
00:19:14सीखने के अवसर पैदा करें और केवल परिणाम ही न देखें, ठीक है?
00:19:19जैसे, ठीक है, यह बहुत अच्छा लग रहा है, लेकिन क्या आपको उस समय लगता है कि आपने
00:19:24वाकई Nuxt आज़माया है? ऐसा लगेगा जैसे आपके लिए कुछ बना दिया गया है।
00:19:29तो अगर आप सीखने के अवसर बना सकें, जैसे कि LLM से पूछना कि "मुझे इसका टूर दो,"
00:19:33"जो तुमने बनाया है उसका उपयोग करके मुझे Nuxt के फीचर्स सिखाओ।"
00:19:40ऐसी चीज़ें बहुत उपयोगी होती हैं क्योंकि वे कड़ियों को जोड़ती हैं, एक तो यह आपके लिए
00:19:45मददगार है जब आप बनाए गए कोड का रिव्यू करते हैं।
00:19:49और दूसरा, आप सीखते हैं, जैसे कि आप किसी चीज़ में नए कौशल और अनुभव प्राप्त करते हैं।
00:19:51Cat Hicks, डॉक्टर Cat Hicks को GitHub पर ज़रूर देखें।
00:19:56उन्होंने कुछ Claude स्किल्स बनाई हैं जो कोडिंग चुनौतियों के बीच में ही 10 मिनट के अभ्यास के ज़रिए
00:20:02सीखने के अवसर पैदा करती हैं, जिससे आप उन चीज़ों को समझने की कोशिश कर सकें
00:20:07जिन पर शायद आपका एजेंट काम कर रहा है।
00:20:12हमारे पास ज्ञान तक ऐसी पहुँच है जो पहले कभी नहीं थी, उन चीज़ों को करने में सक्षम होने के लिए
00:20:17जो शायद हम छह महीने पहले नहीं जानते थे, मुख्य बात यह है कि हम खुद को
00:20:22इंसान के रूप में कैसे विकसित करना जारी रखें, और इन आदतों, कौशलों और
00:20:29सीखने के ब्रेक को शामिल करना मेरे ख्याल से बहुत ज़रूरी है,
00:20:35अगर हम चाहते हैं कि हमारा दिमाग विकसित होता रहे।
00:20:41यह बहुत अच्छा पॉइंट है। एक नए Nuxt यूज़र के तौर पर भी, मैं मुख्य रूप से
00:20:46Svelte बैकग्राउंड से हूँ। लेकिन मैंने भी अपने एजेंट से Svelte के कॉन्सेप्ट्स को
00:20:56Nuxt से मैप करवाया। तो हाँ, सीखने में मदद के लिए हमारे एजेंट्स का उपयोग करने पर निश्चित रूप से मेरी सहमति है।
00:21:02क्या कोई इसमें कुछ और जोड़ना चाहता है? क्षमा करें। यह बहुत बढ़िया है।
00:21:08मैं अपनी स्क्रीन फिर से शेयर कर रहा हूँ। Nuxt वास्तव में एक प्रोग्रेसिव फ्रेमवर्क है।
00:21:17हमने सुनिश्चित किया है कि आप एक न्यूनतम प्रोजेक्ट से शुरुआत कर सकें।
00:21:26आप एक app.vue फ़ाइल के साथ शुरुआत कर सकते हैं।
00:21:32वही आपका मुख्य शेल है। और फिर आप धीरे-धीरे रूटिंग, डेटा फेचिंग जोड़ सकते हैं।
00:21:40हमारे पास ऑटो-इंपोर्टिंग का यह फीचर है, जो डेवलपर अनुभव के मामले में सबसे
00:21:45बेहतरीन सुधारों में से एक था। और अब AI के उदय के साथ, हम सोच रहे हैं
00:21:51कि अगर आप चाहें तो इसे डिसेबल भी कर सकते हैं, यदि आप अपने कोड में
00:21:56सीधे इंपोर्ट्स रखना पसंद करते हैं। लेकिन मेरे लिए, यह शुरू करने का सबसे अच्छा तरीका है।
00:22:03हमारे पास EVALS भी हैं। हम अलग-अलग मॉडल्स पर Nuxt के EVALS चला रहे हैं,
00:22:11और अब तक, एजेंट को .md स्किल या agent.md के ज़रिए बिना कोई अतिरिक्त निर्देश दिए,
00:22:21वे अब तक के अधिकांश Nuxt ज्ञान में काफी अच्छे हैं। इसके अलावा, अगर आप
00:22:28MCP में रुचि रखते हैं, तो मुझे दोबारा चेक करना होगा कि वे कहाँ हैं, लेकिन मुझे लगता है,
00:22:35कि हमारे पास यह MCP सर्वर है जिसे आप सीधे अपने VS Code में जोड़ सकते हैं।
00:22:49तो हाँ, हम AI पावर्ड हैं, लेकिन अब तक, बिना MCP सर्वर जोड़े भी,
00:22:57एजेंट्स काफी अच्छे हैं। और मैं जो सुझाव देना चाहता हूँ वह यह है कि एक न्यूनतम सेटअप के साथ कोशिश करें
00:23:03और धीरे-धीरे फीचर्स जोड़ना शुरू करें। और अगर आप इसे करने के लिए AI का उपयोग करते हैं,
00:23:10तो उससे पूछें कि वह ऐसा क्यों कर रहा है। और जैसा कि Daniel ने कहा,
00:23:16यह सुनिश्चित करने के लिए महत्वपूर्ण है कि आप अपने दिमाग को यथासंभव सक्रिय रखें।
00:23:25बिल्कुल। तो इस सेक्शन को समाप्त करने के लिए हमारे पास कुछ और प्रश्न हैं।
00:23:30चैट से एक सवाल है: मैं देख रहा हूँ कि जर्मन ई-कॉमर्स कम्युनिटी में Nuxt का बहुत उपयोग हो रहा है।
00:23:36क्या आपको लगता है कि सामान्य तौर पर Nuxt अमेरिका की तुलना में यूरोप में अधिक लोकप्रिय है,
00:23:42या यह संतुलित है या फिर इसके विपरीत?
00:23:51खैर, मैं एडिनबर्ग में हूँ, Sebastian Hugo लंदन में हैं। माया, आप भी
00:23:57यूरोप में ही हैं। मुझे लगता है कि मैं यह पूछने के लिए गलत व्यक्ति हो सकता हूँ कि
00:24:02अमेरिका में Nuxt कितना लोकप्रिय है, लेकिन मुझे लगता है कि यह यूरोप में अधिक लोकप्रिय है।
00:24:09कभी-कभी ऐसा ही लगता है। React उत्तरी अमेरिका में अधिक लोकप्रिय है, और Vue
00:24:15दुनिया के बाकी हिस्सों में बहुत अधिक लोकप्रिय था। और ऐसा लगता है कि Nuxt के साथ भी यही सच है,
00:24:19लेकिन हमें इसे बदलने की ज़रूरत है। हमें अमेरिका में Nuxt का उपयोग करने वाले और लोगों की ज़रूरत है।
00:24:25हमें अमेरिका से एक कोर टीम मेंबर चाहिए या ऐसा ही कुछ। मुझे नहीं पता।
00:24:35पूरी दुनिया में Nuxt! हाँ। तो अगला सवाल, X (ट्विटर) से: Nuxt के 3 से 4 और फिर 5 तक तेज़ी से विकसित होने के साथ,
00:24:41टीमों के लिए प्रोडक्शन माइग्रेशन को सुरक्षित रूप से संभालने की सबसे अच्छी रणनीति क्या है,
00:24:50खासकर SSR और nitro बदलावों के साथ?
00:24:58मुझे नहीं लगता कि अब तक... हमें नहीं पता। Nuxt 3 और Nuxt 4 के बीच,
00:25:03मेरा मानना है कि लगभग कोई ब्रेकिंग चेंज नहीं थे या वे बहुत अच्छी तरह से डॉक्यूमेंटेड थे।
00:25:11तो आप बस उस पेज को अपने AI को दे सकते हैं और उससे इस पर मदद माँग सकते हैं।
00:25:17और यदि आप AI का उपयोग नहीं भी करते हैं, तो माइग्रेट करना काफी आसान था।
00:25:21और यह केवल तभी था यदि आप काफी एडवांस फीचर्स का उपयोग कर रहे थे,
00:25:27तभी कोई ब्रेकिंग चेंज हो सकता था। तो टीम ने सुनिश्चित किया कि अपग्रेड बहुत स्मूथ हो।
00:25:332 से 3 तक का सफर कठिन था, क्योंकि हमारे पास Vue 2 से Vue 3 का अपग्रेड भी था,
00:25:40जो एक अलग फ्रेमवर्क और एक अलग दृष्टिकोण था, जिसमें हम कंपोजेबल एरा का उपयोग कर रहे थे।
00:25:46और हमने पूरे सर्वर इंजन को फिर से लिखने का तरीका अपनाया ताकि आप परफॉरमेंस के साथ
00:25:53सर्वरलेस एनवायरनमेंट में काम कर सकें। हमने इन दो बड़े बदलावों की योजना बनाई थी।
00:26:01तो अगला बड़ा अपडेट आसान होने वाला है और इसमें यह कम्पैटिबिलिटी लेयर है
00:26:08जिसे हमने बनाया है, जिसका मतलब है कि आप समय से पहले ही V5 या नए फीचर्स
00:26:15या V5 में होने वाले ब्रेकिंग बदलावों के लिए तैयार होना शुरू कर सकते हैं।
00:26:22तो आप तैयार हो सकते हैं और डैनियल इस पर आगे बात करेंगे।
00:26:26मुझे लगता है कि यही मुख्य बात है। मैं कहूँगा कि हम फॉरवर्ड और बैकवर्ड
00:26:34कम्पैटिबल होना चाहते हैं। और मुझे लगता है कि वर्ज़न तीन से चार का अपग्रेड,
00:26:39हमने बहुत जानबूझकर यह साबित करने के लिए किया था कि आपको ब्रेकिंग बदलावों से
00:26:45डरने की ज़रूरत नहीं है, और आपको मेजर अपडेट्स से घबराने की ज़रूरत नहीं है।
00:26:50कभी-कभी ऐसा लगता है जैसे आप किसी चीज़ पर अटक गए हैं, जैसे, "ओह, हम मेजर वर्ज़न रिलीज़ नहीं कर सकते।"
00:26:57इसलिए हमारी योजना हर साल कम से कम एक नया वर्ज़न रिलीज़ करने की है।
00:27:01और दिलचस्प बात यह है कि यह कई अन्य प्रोजेक्ट्स से मेल खाता है। जैसे यदि आप Node को देखें,
00:27:09तो उनका हर साल मेजर रिलीज़ सुनिश्चित करने का शेड्यूल हमसे काफी मिलता-जुलता है।
00:27:15और मुझे लगता है कि सामान्य तौर पर पैटर्न यह है कि जब आप Nuxt का उपयोग करते हैं,
00:27:21तो आप इसका उपयोग घर की तरह एक प्रोजेक्ट बनाने के लिए कर रहे होते हैं।
00:27:28आपका प्रोजेक्ट जीवित है। एक घर की तरह, इसे नए पेंट और मरम्मत की ज़रूरत होती है।
00:27:33आप हमेशा चाहते हैं कि आपकी वेबसाइट आज के सर्वोत्तम तरीकों को अपनाए, न कि केवल
00:27:38उन तरीकों को जो तब थे जब आपने इसे लिखा था। यही कारण है कि Nuxt को विकसित होते रहने की ज़रूरत है।
00:27:46और मुझे लगता है कि शायद पिछले कुछ महीनों में हमने NPM पर कुछ सप्लाई चेन हमले देखे हैं।
00:27:52यह इस बात को पुष्ट करता है कि अपनी सभी डिपेंडेंसीज़ को अप-टू-डेट रखना कितना ज़रूरी है।
00:27:57पैकेज बनाने वालों और मेंटेनर्स के रूप में हमारी ज़िम्मेदारी यह सुनिश्चित करना है कि
00:28:03अपग्रेड के वे चरण यथासंभव आसान हों।
00:28:08इसलिए यदि आप पा रहे हैं कि आप Nuxt को अपग्रेड कर रहे हैं और यह कठिन है,
00:28:14तो वह मेरी समस्या है। कृपया मुझे बताएं, मुझसे शिकायत करें,
00:28:21क्योंकि हम ऐसा नहीं चाहते। हम नहीं चाहते कि लोग कहें, "ओह, मैं अपग्रेड कैसे करूँ?"
00:28:25हम चाहते हैं कि लोग कहें, "ओह, यह तो बहुत सुखद था। मुझे इस मेजर अपग्रेड को करने में
00:28:29केवल आधा दिन लगा, न कि दो महीने।" हम वास्तव में कई कारणों से इसके लिए ऑप्टिमाइज़ करना चाहते हैं,
00:28:36न केवल इसलिए कि वेबसाइटों को इसकी ज़रूरत है, बल्कि इसलिए कि इकोसिस्टम को भी इसकी ज़रूरत है।
00:28:42और हाँ, हम चाहते हैं कि लोग उन अपग्रेड से न डरें।
00:28:47और अगर आप डैनियल से संपर्क करना चाहते हैं, तो वह ब्लू स्काई और row.dev पर हैं।
00:28:54आप मुझे लगभग हर जगह पा सकते हैं। अद्भुत! बहुत अच्छी तरह से कहा गया, धन्यवाद। और मैं
00:29:01कम्युनिटी के बारे में हमारे सवालों को समाप्त करना चाहती हूँ। अभी कुछ समय पहले मैंने एक फोटो देखी थी।
00:29:07मुझे याद नहीं कि वह कौन सी कॉन्फ्रेंस थी, लेकिन मुझे याद है कि आप में से कोई बोल रहा था
00:29:11और वहाँ एक कम्युनिटी की इमेज थी और उसमें लिखा था कि यह लोगों के बारे में है।
00:29:16तो ऐसा लगता है कि आपकी कम्युनिटी बहुत शानदार है। हमें उनके बारे में बताएं, हम कैसे शामिल हो सकते हैं,
00:29:20कैसे योगदान दे सकते हैं, आदि। हमें और बताएं।
00:29:30मुझे लगता है कि डैनियल फ्रीज हो गए हैं। हाँ। वह शायद Vue.js एम्सटर्डम में डैनियल टर्क थे।
00:29:40और हाँ, मैं कहूँगा कि यदि आप हमारे साथ जुड़ना चाहते हैं, तो हमारे पास डिस्कॉर्ड सर्वर है
00:29:47जो बहुत सक्रिय है। हम इस पर बहुत सारी खबरें साझा करते हैं। हमारे पास GitHub है,
00:29:54GitHub पर इश्यूज़ और पुल रिक्वेस्ट्स वही जगह हैं जहाँ कोड लिखा जा रहा है।
00:30:00यहीं पर आइडियाज़ को लागू किया जाता है और साझा किया जाता है। यदि आप हमारी मदद करना चाहते हैं,
00:30:07तो ऐसी कई चीज़ें हैं जहाँ आप या तो इश्यूज़ में मदद कर सकते हैं, आइडियाज़ दे सकते हैं,
00:30:15अपना अनुभव और डेमो शेयर कर सकते हैं। हमारे पास ट्विटर अकाउंट और ब्लू स्काई अकाउंट भी है।
00:30:20हम next.com का उपयोग कर रहे हैं। मुझे लगता है कि हमारा एक Mastodon अकाउंट और LinkedIn
00:30:26शोकेस पेज भी है। अगर आप LinkedIn पर हैं, तो वहाँ जुड़ें। हमारा कोई इंस्टाग्राम पेज नहीं है,
00:30:31और न ही साउंडक्लाउड, लेकिन डिस्कॉर्ड घूमने के लिए एक अच्छी जगह है। यदि आपका कोई
00:30:39सवाल है, तो बस हमसे चैट करें। हम वहाँ भी मौजूद हैं। और हाँ,
00:30:46मुझे लगता है कि वे सभी लोग जिनके साथ हम मॉड्यूल्स साझा करते हैं... आपको
00:30:51सीधे कोर में योगदान देने की ज़रूरत नहीं है। और मुझे लगता है कि यही Nuxt की खूबसूरती है
00:30:54कि आप एक टेम्पलेट के साथ शुरुआत कर सकते हैं जिसे आप साझा करना चाहते हैं,
00:31:00या आप एक मॉड्यूल के साथ शुरुआत कर सकते हैं क्योंकि आपने एक फीचर बनाया है और आप उसे
00:31:05पूरी कम्युनिटी के साथ शेयर कर सकते हैं। मुझे लगता है कि वर्तमान वर्ज़न के लिए हमारे पास 300 से अधिक मेंटेन किए गए मॉड्यूल्स हैं।
00:31:10और 1000 से अधिक योगदानकर्ता हैं। तो कृपया आएं और हमारे साथ समय बिताएं।
00:31:17आपको इसमें मज़ा आएगा। हाँ, चलिए! अद्भुत। डैनियल, मुझे लगता है कि हम आपको सुन नहीं पा रहे हैं।
00:31:27लेकिन उन्होंने कहा कि हमारे पास एक साउंडक्लाउड है। मुझे लगता है कि उनके पास कम्युनिटी के बारे में
00:31:51जोड़ने के लिए कुछ है। शायद वह साउंडक्लाउड के लिए पहला ट्रैक तैयार कर रहे हैं।
00:31:55तो मैं बस यह कहना चाहता हूँ कि कम्युनिटी... और मुझे खुशी है कि आपने यह बात उठाई।
00:32:05मुझे लगता है कि कम्युनिटी Nuxt का सबसे अच्छा हिस्सा है। और मेरा मानना है कि
00:32:13ओपन सोर्स सब कम्युनिटी के बारे में ही है क्योंकि ओपन सोर्स का मतलब है कि
00:32:17मैं कुछ ले रहा हूँ और किसी और से कह रहा हूँ, "हे, तुम इस बारे में क्या सोचते हो?"
00:32:21क्या तुम्हें यह पसंद है? क्या तुम इसे बेहतर बनाने में मदद करना चाहते हो? और वही कम्युनिटी
00:32:26ओपन सोर्स को सार्थक बनाती है। हम इसे इसीलिए करते हैं। मेरा दृढ़ विश्वास है कि
00:32:32contributing.md किसी भी agent.md से ज़्यादा महत्वपूर्ण है। मैं चाहूँगा कि मेरे पास
00:32:38शून्य एजेंट्स हों लेकिन बहुत सारे लोग हों, न कि इसके विपरीत।
00:32:44जो चीज़ इसे सार्थक बनाती है वह यह है कि ऐसे लोग हैं जिनकी मैं परवाह करता हूँ जो प्रोजेक्ट का हिस्सा हैं।
00:32:50और ईमानदारी से कहूँ तो, यह न केवल Nuxt के लिए बल्कि Vue कम्युनिटी के लिए भी सच रहा है।
00:32:56लेकिन हाँ, यह सब कम्युनिटी के बारे में है, और नए लोगों को इसमें शामिल होते देखना,
00:33:00योगदान देना और इसका हिस्सा बनते देखना हमेशा सुखद होता है।
00:33:06और इसमें बस आकर मदद माँगना भी शामिल है। मुझे कहना चाहिए कि मैं इसी तरह शामिल हुआ,
00:33:12डिस्कॉर्ड में आकर अपने सवालों के जवाब ढूँढने के लिए लोगों को परेशान करके।
00:33:18यह बहुत पसंद आया। इंसानों और कम्युनिटी की जय हो! आप बस चीज़ें बना सकते हैं
00:33:23और उन्हें दुनिया के साथ साझा कर सकते हैं। हमें यह देखना बहुत पसंद है।
00:33:28तो हाँ, हम आप लोगों के साथ इसे समाप्त करेंगे। मैं आप लोगों के काम की रफ़्तार और गुणवत्ता से
00:33:34बहुत प्रेरित हूँ, और Nuxt की यात्रा और आप आगे क्या लाने वाले हैं, इसके लिए बहुत उत्साहित हूँ।
00:33:40तो हाँ, आप सभी को बहुत-बहुत धन्यवाद, Nuxt टीम, मेंटेनर्स, योगदानकर्ताओं,
00:33:45और निश्चित रूप से Nuxt कम्युनिटी को। तो आज हमारे साथ जुड़ने के लिए Sebastian, Daniel और Hugo आपका धन्यवाद।
00:33:50धन्यवाद।
00:33:55शुक्रिया।
00:33:56बाय।
00:33:57और दर्शकों, एक और बात। कहीं मत जाइएगा। मैं Versailles Academy से
00:33:58Eve को बुलाना चाहती हूँ।
00:33:59हैलो, माया।
00:34:07हैलो, Eve। आपका फिर से स्वागत है।
00:34:08बहुत-बहुत धन्यवाद। आपको देखकर बहुत खुशी हुई। मेरे महीने का सबसे मज़ेदार हिस्सा एक कोर्स लॉन्च करना
00:34:09और सबको बातें करते हुए सुनना है। और वह टीम बहुत ही शानदार है।
00:34:11लेकिन हाँ, आप भी उनमें से एक हैं। और मैं
00:34:18उस नए कोर्स के बारे में और सुनना चाहूँगी जो आपने तैयार किया है।
00:34:25हाँ। तो हम आज एक नया कोर्स लॉन्च करने के लिए बहुत उत्साहित हैं। मेरी स्क्रीन वहाँ शेयर की गई है।
00:34:36Versailles पर Nuxt। यह उन लोगों के लिए एक कोर्स है जो React की दुनिया में काम करने के आदी हैं।
00:34:40और यह React और Nuxt प्रोजेक्ट्स के बीच एक अनुवाद की परत (translation layer) की तरह काम करता है।
00:34:48इसलिए यदि आप किसी नई नौकरी से जुड़ रहे हैं या किसी साइड प्रोजेक्ट पर काम कर रहे हैं और आप सोच रहे हैं,
00:34:55"मैं वास्तव में इसका उपयोग करना चाहता हूँ, लेकिन मुझे नहीं पता कि शुरुआत कहाँ से करूँ।" तो यह वही रास्ता है।
00:35:03बेशक एजेंट्स भी आपको वहाँ पहुँचने में मदद करेंगे और आपको उन सभी टूल्स का उपयोग करना चाहिए,
00:35:08लेकिन यह आपको प्रोजेक्ट बनाने में मदद करता है। हम एक हॉट स्प्रिंग फाइंडर ऐप बनाते हैं
00:35:12ताकि आप अपनी पसंदीदा हाइक और हॉट स्प्रिंग्स खोज सकें।
00:35:16तो इसे ज़रूर देखें। Versailles Academy पर बहुत सारे नए कोर्स आ रहे हैं,
00:35:24यह एक छोटा सा परिचय था, लेकिन यह सबसे नया है।
00:35:30अद्भुत। बहुत-बहुत धन्यवाद Eve। दर्शकों के लिए, Eve के पास सबसे अच्छे कोर्स हैं और वह
00:35:34वास्तव में "सीखने के लिए बनाने" (build to learn) के सिद्धांत को अपनाती हैं।
00:35:40तो हाँ, निश्चित रूप से इसे देखें। हम एक लिंक भी जोड़ देंगे ताकि आपके लिए आसानी हो।
00:35:45मैं खुद इसे सीखने और Nuxt के साथ और अधिक बनाने के लिए उत्साहित हूँ। तो हाँ,
00:35:50आज हमारे साथ जुड़ने के लिए बहुत-बहुत धन्यवाद। धन्यवाद। ठीक है।
00:35:59हम अपने कम्युनिटी सेशन के अंत में हैं। हमारे साथ समय बिताने के लिए हमारी कम्युनिटी
00:36:03का बहुत-बहुत धन्यवाद। हमें उम्मीद है कि आपको यह पसंद आया होगा। और यदि आप भविष्य के
00:36:09कम्युनिटी सेशंस में शामिल होना चाहते हैं, तो आप [community.versailles.com/live](https://community.versailles.com/live) पर विवरण देख सकते हैं।
00:36:16हमारे पास बहुत सारे आगामी इवेंट्स भी हैं। तो ऑनलाइन और अपने क्षेत्र के इवेंट्स के लिए
00:36:20हमारे इवेंट्स और मीटअप्स पेज को देखें। और अंत में, एक ताज़ा खबर,
00:36:26Versailles Ship के लिए टिकट आ गए हैं, जो दुनिया भर के विभिन्न स्थानों में आयोजित किया जाएगा।
00:36:32तो हाँ, यह बहुत रोमांचक है। [versailles.com/ship](https://versailles.com/ship) पर ज़रूर जाएं और अपने टिकट के लिए
00:36:37अप्लाई करें। इसके डिज़ाइन और इंटरैक्शन के लिए भी यह साइट देखने लायक है।
00:36:43टीम ने इस पर वाकई बहुत मेहनत की है। तो मेरी ओर से बस इतना ही। सबको बहुत-बहुत धन्यवाद।
00:36:47आपका दिन शुभ हो। अलविदा।

Key Takeaway

Nuxt एक प्रोग्रेसिव फ्रेमवर्क के रूप में विकसित हो रहा है जो नाइट्रो 3, बेहतर SEO अनुकूलन, और MCP-आधारित AI एजेंटों के एकीकरण के माध्यम से डेवलपर अनुभव और प्रोडक्शन प्रदर्शन को प्राथमिकता देता है।

Highlights

  • Nuxt टीम Nuxt 5 के लिए नाइट्रो 3 (Nitro 3) इंजन पर काम कर रही है, जो वेब मानकों को अपनाकर विभिन्न रनटाइम के साथ नेटिव संगतता बढ़ाता है।

  • Nuxt कंटेंट CMS में मौजूदा DOM और Markdown घटकों के संयोजन से Comark प्रोजेक्ट का निर्माण हो रहा है, जो स्ट्रीमिंग और ऑटो-क्लोजिंग को सपोर्ट करता है।

  • Nuxt.com ने Nuxt ऐप को MCP सर्वर के रूप में एकीकृत करने के लिए टूलकिट पेश की है, जो AI एजेंटों के माध्यम से Nuxt एडमिन और फीडबैक एनालिटिक्स को सक्षम बनाती है।

  • इंक्रीमेंटल स्टैटिक जनरेशन (ISR) और 'रूट रूल्स' का उपयोग करके प्रोडक्शन वातावरण में Nuxt ऐप्स की कैशिंग और रेंडरिंग को अनुकूलित किया जा सकता है।

  • Nuxt 3 से 4 तक का अपग्रेड प्रक्रिया काफी सुचारू रही है और टीम भविष्य के मेजर वर्ज़न्स के लिए फॉरवर्ड और बैकवर्ड कम्पैटिबिलिटी लेयर पर ध्यान केंद्रित कर रही है।

Timeline

Nuxt में AI एजेंट और MCP एकीकरण

  • Nuxt वेबसाइट को MCP सर्वर के रूप में बदलने के लिए एक विशेष टूलकिट विकसित की गई है।
  • Nuxt एडमिन MCP का उपयोग करके पेजों की फीडबैक प्रतिक्रिया का विश्लेषण और सुधार करना संभव है।
  • Comark प्रोजेक्ट Markdown के भीतर घटकों के सीधे उपयोग और स्ट्रीमिंग क्षमताओं को सक्षम करता है।

यह सेक्शन Nuxt के AI-पावर्ड विकास पर केंद्रित है। डेवलपर्स अब अपनी Nuxt एप्लिकेशन को AI एजेंटों से जोड़ सकते हैं और Nuxt एडमिन MCP जैसे उपकरणों के माध्यम से वास्तविक फीडबैक के आधार पर पेजों को ऑप्टिमाइज़ कर सकते हैं। Comark प्रोजेक्ट के माध्यम से, Markdown में अधिक जटिल घटक जोड़े जा रहे हैं, जो जल्द ही V1 में उपलब्ध होंगे।

SEO, AEO और Nuxt कंटेंट रणनीतियाँ

  • Nuxt दस्तावेज़ीकरण में 'AEO (AI Engine Optimization)' को प्राथमिकता दी जा रही है।
  • एजेंटों के क्रॉलिंग व्यवहार का पता चलने पर Nuxt आधुनिक पेजों और JSON-LD डेटा को सर्व करता है।
  • कोर मॉड्यूल में फीचर डालने से पहले उन्हें बाहरी प्रयोगों के रूप में विकसित करना बेहतर माना जाता है।

सर्च इंजन ऑप्टिमाइजेशन (SEO) से आगे बढ़कर अब Nuxt AI-आधारित सर्च के लिए भी अनुकूलित हो रहा है। टीम एक्सेप्ट हेडर और यूजर एजेंट का पता लगाकर एजेंटों को अधिक प्रासंगिक सामग्री प्रदान कर रही है। ये प्रयोग Nuxt की कोर कार्यक्षमता का हिस्सा बनने से पहले सामुदायिक प्रतिक्रिया और वास्तविक उपयोग के मामलों के आधार पर परखे जा रहे हैं।

Nuxt 5 और नाइट्रो 3 की भविष्य की योजनाएं

  • Nuxt 5 का मुख्य आकर्षण नाइट्रो 3 सर्वर इंजन होगा।
  • नाइट्रो 3 वेब मानकों के करीब जाकर बन, डिनो और नोड जैसे विभिन्न रनटाइम्स के साथ नेटिव एकीकरण प्रदान करेगा।

Nuxt का अगला बड़ा कदम वर्ज़न 5 है। नाइट्रो 3 इंजन वेब मानकों के अनुकूल होने पर जोर देता है, जिससे यह विभिन्न सर्वर वातावरणों में अधिक प्रभावी ढंग से चलेगा। बीटा से पहले ही नाइटली वर्ज़न्स का परीक्षण किया जा रहा है ताकि एक बेहतर सर्वर-साइड अनुभव सुनिश्चित किया जा सके।

Vercel पर Nuxt प्रदर्शन अनुकूलन

  • रूट रूल्स (route rules) के माध्यम से SSR को डिसेबल करना या ISR लागू करना प्रदर्शन के लिए महत्वपूर्ण है।
  • Nuxt 4.4 का पेलोड कैशिंग फीचर बिना प्री-रेंडर किए गए पेजों के लिए भी डेटा फेचिंग को तेज़ करता है।

Vercel जैसे प्लेटफॉर्म पर Nuxt का उपयोग करते समय, डेवलपर प्रदर्शन को बेहतर बनाने के लिए रूट रूल्स का लाभ उठा सकते हैं। ये रूल्स एडमिन पेजों के लिए SSR को बंद करने या ब्लॉग पोस्ट के लिए ISR का उपयोग करने जैसी जटिल कॉन्फ़िगरेशन को सरल बनाते हैं। NPMX जैसे वास्तविक दुनिया के अनुप्रयोगों का उदाहरण देकर बताया गया है कि ये कैशिंग तकनीकें कैसे बड़े पैमाने पर काम करती हैं।

Nuxt के साथ शुरुआत और कम्युनिटी योगदान

  • Nuxt के नए उपयोगकर्ताओं के लिए छोटे टेम्पलेट्स को क्लोन करना और AI से सीखना सबसे तेज़ तरीका है।
  • Nuxt का विकास मॉडल मेजर अपडेट्स के दौरान ब्रेकिंग बदलावों को कम रखने पर केंद्रित है।
  • 300 से अधिक मेंटेन किए गए मॉड्यूल्स और 1000+ योगदानकर्ताओं के साथ Nuxt का ओपन सोर्स इकोसिस्टम सक्रिय है।

सीखने के लिए Nuxt UI या Nuxt.new पर उपलब्ध टेम्पलेट्स का उपयोग करना सबसे प्रभावी है। टीम ने वर्ज़न अपग्रेड्स को आसान बनाने के लिए कम्पैटिबिलिटी लेयर्स विकसित की हैं। अंत में, कम्युनिटी के महत्व पर जोर दिया गया है, जहाँ डिस्कॉर्ड और GitHub के माध्यम से सहयोग करना ओपन सोर्स के मुख्य स्तंभ हैं।

Community Posts

View all posts