00:00:00तो वाइब कोडिंग 101 में आपका स्वागत है। अगर आप ऐसे व्यक्ति हैं जिसे कोडिंग नहीं आती लेकिन फिर भी आप
00:00:04किसी विचार को हकीकत में बदलना चाहते हैं, जैसे कि कोई पोर्टफोलियो वेबसाइट, कोई साइड प्रोजेक्ट, या कुछ ऐसा जिसे आप हमेशा से
00:00:10बनाना चाहते थे, तो यह वीडियो आपके लिए है। अंत तक, आप एक असली वर्किंग प्लेटफॉर्म बनाने में सक्षम होंगे
00:00:15बिना कोड की एक भी लाइन लिखे। और अगर आप एक डेवलपर हैं, तो यह वीडियो आपके लिए भी मददगार होगा
00:00:21क्योंकि कभी-कभी आप बस किसी चीज़ को बिना ओवर-इंजीनियरिंग किए जल्दी से पूरा करना चाहते हैं। तो इस
00:00:26वीडियो में, मैं आपको वाइब कोडिंग की पूरी प्रक्रिया और हर कदम पर अपनाई जाने वाली बेहतरीन पद्धतियों के बारे में बताऊंगा,
00:00:32और हम साथ मिलकर एक असली प्रोजेक्ट बनाएंगे। अपना ऐप बनाने के लिए, हम Abacus AI
00:00:37Deep Agent का इस्तेमाल करेंगे। एआई से जुड़े किसी भी काम के लिए यह मेरा पसंदीदा प्लेटफॉर्म है क्योंकि सिर्फ एक सब्सक्रिप्शन के साथ,
00:00:43आप ऐप्स, वेबसाइट्स, प्रेजेंटेशन और लगभग कुछ भी बना सकते हैं। मैं इसका इस्तेमाल ज़्यादातर वाइब
00:00:50कोडिंग के लिए करता हूँ क्योंकि मैंने गौर किया है कि इसमें गलतियाँ कम होती हैं और यह मेरे द्वारा आजमाए गए अन्य विकल्पों की तुलना में
00:00:54काफी किफ़ायती है। मैंने डिस्क्रिप्शन में लिंक दिया है, तो इसे ज़रूर देखें।
00:00:59तो किसी ऐप की ठीक से वाइब कोडिंग करने के पाँच चरण होते हैं। ज़्यादातर लोग इन चरणों को पहले से जानते हैं,
00:01:05लेकिन समस्या यह है कि वे हर चरण के भीतर की बारीकियों और सही तरीकों को नहीं जानते, जिसकी वजह से उन्हें
00:01:09एआई से खराब और अस्थिर परिणाम मिलते हैं। तो चलिए इसे ठीक करते हैं। तो पहला कदम
00:01:14आइडिएशन फेज़ (विचार मंथन) है। यहाँ आप तय करते हैं कि आप क्या बनाना चाहते हैं। यह आपकी पोर्टफोलियो वेबसाइट या
00:01:19कुछ और भी हो सकता है। अगर आपके पास अभी तक कोई विचार नहीं है, तो आप सुझाव पाने के लिए भी एआई का उपयोग कर सकते हैं। मैं
00:01:25जिसका उपयोग कर रहा हूँ वह Abacus Chat LLM है, और यह इसके लिए बहुत अच्छा काम करता है। यह काम के आधार पर
00:01:31अपने आप सबसे अच्छे एआई मॉडल को चुन लेता है, ताकि आपको यह सोचे बिना बेहतर परिणाम मिलें कि कौन सा
00:01:36मॉडल इस्तेमाल करना है। एक बार जब आपके पास कोई विचार आ जाए, तो अगली चीज़ जो आपको करनी चाहिए वह है उसे लिखना। बस
00:01:42गूगल डॉक्स या वर्ड खोलें और अपने विचार को सरल भाषा में समझाएँ। आप यहाँ जो बना रहे हैं उसे
00:01:47प्रोडक्ट रिक्वायरमेंट डॉक्यूमेंट (PRD) कहा जाता है। इस नाम से डरें नहीं। वाइब कोडिंग के लिए, PRD बस एक से
00:01:53दो पन्नों का दस्तावेज़ है जो बताता है कि आप क्या बनाना चाहते हैं। यह दस्तावेज़ बाद में आपका शुरुआती
00:01:59प्रॉम्प्ट बन जाएगा। मैं इस लेख से एक साधारण PRD टेम्पलेट का उपयोग कर रहा हूँ। लेखक को धन्यवाद, और यदि आप इसके बारे में अधिक जानना चाहते हैं तो
00:02:05इस लेख को भी ज़रूर देखें। और अगर आपको भरा हुआ टेम्पलेट चाहिए, तो
00:02:09डाउनलोड लिंक डिस्क्रिप्शन में है। तो चलिए जल्दी से इसके सेक्शन देखते हैं। एक
00:02:14वाक्य के विवरण वाले हिस्से में, बस अपने ऐप को एक वाक्य में समझाएँ। हम इस वीडियो के लिए एक खर्च बाँटने वाली (expense splitter)
00:02:20वेबसाइट बना रहे हैं। हमारा विवरण कुछ इस तरह हो सकता है। अगला सेक्शन यह बताने के लिए है कि
00:02:25यह उत्पाद किसके लिए है और यह किस समस्या को हल करता है। उसके बाद, आप अपने एप्लिकेशन की कुछ मुख्य
00:02:31विशेषताओं को शामिल करेंगे। तकनीकी होने की कोई ज़रूरत नहीं है, बस वही लिखें जो आप सरल
00:02:36भाषा में चाहते हैं, और केवल मुख्य विशेषताओं का ज़िक्र करें। अगला सेक्शन यह बताने के लिए है कि क्या नहीं बनाना है,
00:02:41ताकि आपका प्रोजेक्ट दायरे से बाहर न जाए। और यदि आप सुनिश्चित नहीं हैं, तो आप इसे अभी के लिए छोड़ सकते हैं।
00:02:47अगला यूज़र फ्लो सेक्शन है, जो एप्लिकेशन के मुख्य प्रवाह को समझाता है। और यह भी
00:02:52वैकल्पिक है। और आखिरी सफलता की कसौटी (success criteria) वाला सेक्शन है। यहाँ आप बस अपनी विशेषताओं के लिए सफलता की कसौटी
00:02:58का ज़िक्र करते हैं। और यह भी वैकल्पिक है। बस इतना ही। अगर यह बहुत भारी लग रहा है,
00:03:03तो आप एक शॉर्टकट इस्तेमाल कर सकते हैं: बस एक वाक्य वाला विवरण भरें,
00:03:07टेम्पलेट को Chat LLM में पेस्ट करें, और उससे आपके लिए PRD पूरा करने के लिए कहें। एक बार जब यह हो जाए,
00:03:13तो आप दूसरे चरण के लिए तैयार हैं। इस चरण में, आप एक वाइब कोडिंग प्लेटफॉर्म चुनेंगे और अपने PRD को
00:03:19शुरुआती प्रॉम्प्ट के रूप में पेस्ट करेंगे। इसलिए एक अच्छा कोडिंग प्लेटफॉर्म चुनना बहुत महत्वपूर्ण है क्योंकि ज़ाहिर है,
00:03:25अगर आप शानदार परिणाम चाहते हैं, तो आपको एक शानदार प्लेटफॉर्म का उपयोग करना होगा। तो मैं Abacus AI
00:03:30Deep Agent का उपयोग करूँगा। आपको बस अपना PRD कॉपी करना है और उसे प्रॉम्प्ट बॉक्स में पेस्ट करना है। अगर आप अपना ऐप
00:03:36किसी खास डिज़ाइन में चाहते हैं, तो आप डिज़ाइन फ़ाइल अपलोड कर सकते हैं और उसे संदर्भ के रूप में उपयोग करने के लिए कह सकते हैं। लेकिन याद रखें
00:03:41कि आप सीधे Figma फ़ाइल अपलोड नहीं कर सकते। दूसरा तरीका यह है कि आप अपने डिज़ाइन को
00:03:47सरल भाषा में समझा सकते हैं। अब सेंड बटन दबाएं और इंतज़ार करें। आपके द्वारा अनुरोध भेजने के बाद, एजेंट कुछ फॉलो-अप
00:03:53सवाल पूछ सकता है। ये ज़्यादातर गैर-तकनीकी होते हैं, इसलिए बस अपनी पसंद लिख दें। अगर आपको
00:03:59कुछ समझ में न आए, तो आप एआई से पूछ सकते हैं कि उसका क्या मतलब है। अपनी पसंद भेजने के बाद, एजेंट
00:04:05आपके एप्लिकेशन के लिए कोड लिखना शुरू कर देगा। यह मेरा पसंदीदा हिस्सा है क्योंकि मैं बस कुछ
00:04:10रील्स देख सकता हूँ और साथ ही उसे मेरे लिए कोड जनरेट करते हुए देख सकता हूँ। कुछ देर बाद। ठीक है, तो मुझे लगता है कि हमारा ऐप
00:04:17तैयार है। अब हम अगले चरण के लिए तैयार हैं। यह चरण ऐप का परीक्षण करने, कमियाँ ठीक करने,
00:04:23डिज़ाइन सुधारने या नए फीचर्स जोड़ने के बारे में है। और यही वह जगह है जहाँ ज़्यादातर लोग गड़बड़ करते हैं। उसके बारे में बात
00:04:28करने से पहले, चलिए जल्दी से अपने प्लेटफॉर्म पर नज़र डालते हैं। तो हमारा ऐप अच्छी तरह से काम कर रहा है। अब बात करते हैं
00:04:58कि इस टेस्ट और रिफाइन (परीक्षण और सुधार) चरण में क्या नहीं करना चाहिए। एक बड़ी गलती जो ज़्यादातर लोग करते हैं वह यह है कि वे
00:05:04उन सभी चीज़ों की सूची बना लेते हैं जिन्हें ठीक करने की ज़रूरत है और उन्हें एक ही विशाल प्रॉम्प्ट में डाल देते हैं। एआई इस तरह से
00:05:09ठीक से काम नहीं करता है। सबसे अच्छा तरीका यह है कि एक बार में एक चीज़ को ठीक किया जाए और अपने प्रॉम्प्ट में बहुत विशिष्ट रहा जाए।
00:05:15मान लीजिए कि कोई बटन काम नहीं कर रहा है। तो इस तरह के प्रॉम्प्ट न लिखें। इसके बजाय, आप अपनी समस्याओं को ठीक करने के लिए
00:05:20इस प्रॉम्प्ट टेम्पलेट का उपयोग कर सकते हैं। इसके बाद, आइए एक अतिरिक्त फीचर जोड़ने की प्रक्रिया देखें।
00:05:25आपने अपने PRD में पहले ही फीचर्स का वर्णन किया है। उसी फॉर्मेट का फिर से उपयोग करें। उदाहरण के लिए, अपनी साइट पर,
00:05:32आइए असमान खर्च विभाजन (unequal expense splitting) जोड़ते हैं। फिलहाल, जब हम कोई खर्च दर्ज करते हैं, तो लागत
00:05:38समान रूप से बाँटी जाती है। लेकिन असमान वितरण के साथ, मैं प्रति व्यक्ति लागत को नियंत्रित कर सकता हूँ। तो हमारे टेम्पलेट के अनुसार,
00:05:44मैंने अपने नए फीचर के लिए एक विवरण तैयार किया है। अब वापस अपने एजेंट के पास चलते हैं और इसे पेस्ट करते हैं। लेकिन
00:05:50उससे पहले, यह लाइन जोड़ना सुनिश्चित करें, और फिर आप अपना विवरण पेस्ट कर सकते हैं। अब सेंड दबाएं और
00:05:56इंतज़ार करें। तो हमारा नया फीचर तैयार है। अब चलिए इसका परीक्षण करते हैं। और सब कुछ अच्छा लग रहा है। तो इस
00:06:17चरण में बस इतना ही। एक फीचर जोड़ें, उसका परीक्षण करें और दोहराएं। अगले चरण पर जाने से पहले मैं कुछ और
00:06:23चीज़ें जोड़ना चाहता हूँ। पहली यह कि पुराने बदलावों पर वापस लौटने (revert) में संकोच न करें। पुराने बदलावों पर वापस लौटने का मतलब
00:06:29है कि आप अपने कोड के पुराने वर्शन पर वापस चले जाते हैं। ऐसे मामले हो सकते हैं जहाँ
00:06:33एक नया फीचर जोड़ने या किसी बग को ठीक करने से दूसरे परिणाम भुगतने पड़ सकते हैं। उस स्थिति में, बस एआई को प्रॉम्प्ट
00:06:39दें और समझाएँ कि नए बदलावों ने कोड खराब कर दिया है और उसे ठीक करने के लिए कहें। यह ज़्यादातर समय काम करेगा। लेकिन अगर
00:06:44यह काम नहीं करता है, तो पुराने वर्शन पर वापस लौट जाना ही सबसे अच्छा है। तो अगली चीज़ जो
00:06:49मैं जोड़ना चाहता हूँ वह यह है कि मेरे द्वारा दिए गए प्रॉम्प्ट टेम्प्लेट में अतिरिक्त बदलाव करने के लिए स्वतंत्र महसूस करें।
00:06:54तो यह हमें अगले चरण पर लाता है। अंतिम सत्यापन (Final validation)। सभी फीचर्स जुड़ जाने के बाद,
00:06:59आपको अपने एप्लिकेशन का अंतिम परीक्षण करना होगा। कुछ भी जटिल नहीं। बस
00:07:04अपने प्लेटफॉर्म पर जाएं और हर फीचर का टेस्ट करें। सुनिश्चित करें कि हर आउटपुट सही है और हर व्यवहार
00:07:09उम्मीद के मुताबिक है। यदि आपको कोई समस्या दिखती है, तो फिर से टेस्ट और रिफाइन चरण पर वापस जाएं। और यह
00:07:14बस इतना ही है, लाइव करने से पहले यह सुनिश्चित करना कि सब कुछ काम कर रहा है। तो आखिरी कदम
00:07:20डिप्लॉयमेंट (तैनाती) है। Abacus AI Deep Agent के साथ, डिप्लॉयमेंट बस कुछ ही क्लिक का काम है। तो अपना एप्लिकेशन डिप्लॉय करने के लिए,
00:07:27ऊपर दिए गए डिप्लॉय बटन को देखें। डिप्लॉय पर क्लिक करें और आपको तीन विकल्प दिखाई देंगे। Abacus AI
00:07:33डोमेन, कस्टम डोमेन या कस्टम सबडोमेन का उपयोग करें। Abacus डोमेन चुनने का मतलब है कि आपकी डिप्लॉय की गई
00:07:40साइट का URL इस पैटर्न को फॉलो करेगा। यदि आप कस्टम डोमेन के साथ जाते हैं, तो आपको एक डोमेन खरीदना होगा और
00:07:45उसे DNS सेटिंग्स के ज़रिए Abacus की ओर पॉइंट करना होगा। सबडोमेन ज़्यादा सरल है। यदि आपके पास कोई डोमेन है, तो आप बिना कुछ नया खरीदे
00:07:51इस तरह की किसी चीज़ को सबडोमेन के रूप में उपयोग कर सकते हैं। अभी के लिए, बस Abacus डोमेन
00:07:57का उपयोग करते हैं। अब अपना पसंदीदा नाम दें और डिप्लॉयमेंट के बाद यह आपकी वेबसाइट का URL होगा।
00:08:03और बधाई हो! हमारा पहला वाइब कोडेड ऐप आखिरकार लाइव हो गया है। आप इस URL को दूसरों के साथ साझा कर सकते हैं
00:08:09ताकि वे भी आपके ऐप का उपयोग शुरू कर सकें। तो इससे पहले कि आप अपना ऐप बनाने निकलें, एक
00:08:14आखिरी बात मैं जोड़ना चाहता हूँ। शुद्ध वाइब कोडेड ऐप्स बड़े पैमाने के व्यावसायिक उत्पादों के लिए आदर्श नहीं हैं।
00:08:20वे व्यक्तिगत प्रोजेक्ट्स, छोटे टूल्स, प्रोटोटाइप और सीमित उपयोगकर्ताओं के लिए सबसे अच्छे हैं। ऐसा इसलिए है क्योंकि
00:08:26सुरक्षा समस्याएँ, प्रदर्शन की समस्याएँ और स्केलेबिलिटी (विस्तार क्षमता) की सीमाएँ हो सकती हैं। यदि आप बड़े स्तर पर विस्तार करने की योजना बनाते हैं,
00:08:32तो आपको अंततः डेवलपर्स की आवश्यकता होगी। और बस इतना ही। वाइब कोडिंग के पाँच चरण और वे बेहतरीन तरीके
00:08:38जो वास्तव में काम करते हैं। Abacus AI Deep Agent को ज़रूर देखें। लिंक डिस्क्रिप्शन में है।
00:08:44अगर यह वीडियो आपके लिए मददगार रहा, तो लाइक, शेयर, सब्सक्राइब ज़रूर करें और नीचे अपने विचार
00:08:49कमेंट करें। और मैं आपसे अगले वीडियो में मिलूँगा!