पिछले अध्याय 2 में हमने "क्या, किसके लिए बनाना है" छोटा करके तय किया। यह अध्याय है फेज़ 2: तैयारी — असल में हाथ चलाने से पहले, टेक्नोलॉजी, टूल, डिज़ाइन और एनवायरनमेंट — इन चार बुनियादों को तैयार करना। यहाँ का नारा है "ज़्यादा मत सजाओ, ज़्यादा मत सोचो, मुख्यधारा चुनो"। तैयारी में ही थक जाना उलटा पड़ जाता है। AI से मेल खाने वाले चुनाव सबसे छोटे रास्ते से निपटाकर, अगले "बनाना" फेज़ में पूरी ताकत झोंकने लायक हालत बना लें।
दुविधा हो तो "AI जिसमें माहिर है वही" चुनें, बस इतना
फेज़ 2 में क्या करना है
तैयारी फेज़ को एक शब्द में कहें तो यह "बनाने से पहले की खरीदारी" है। पर्सनल डेवलपमेंट में सबसे आम नाकामी है, बनाना शुरू करने से पहले ही "औज़ार चुनने" और "एनवायरनमेंट सेटअप" में कई दिन गँवा देना, और थककर असली काम तक न पहुँच पाना। यहाँ हम प्रो वाले महँगे उपकरण नहीं खरीदते, बस बेसिक सेट जुटाते हैं।
चलन की हर नई टेक्नोलॉजी खंगालना, टूल की तुलना पूरी तरह कर डालना, पेड प्लान परखते रहना। बनाने से पहले ही ताकत खत्म।
मुख्यधारा स्टैक, एक मुख्य टूल और फ़्री प्लान — उसी दिन तय करें, और अगले दिन से बनाना शुरू करें।
एक मोटा अंदाज़ा — तैयारी में पूरे एक दिन से ज़्यादा न लगाएँ। परफ़ेक्ट चुनाव जैसी कोई चीज़ है ही नहीं, और AI के साथ हों तो बाद में बदलना भी आसान है। "फ़िलहाल यही" कहकर दौड़ पड़ना ही सही जवाब है।
टेक्नोलॉजी चुनना — मुख्यधारा चुनें, इंप्लीमेंट आसान
टेक स्टैक यानी, ऐप बनाने के भाषा, फ़्रेमवर्क, डेटाबेस और इन्फ़्रा का मेल। प्रैक्टिकल रूट में तो ज़रूरी है ही, बिगिनर रूट में भी "किस टेक्नोलॉजी में आउटपुट करवाना है" जान लें, तो AI को दिया निर्देश सटीक बनता है।
चुनने का निष्कर्ष सीधा है। AI ने जिसे भारी मात्रा में सीखा है और जिसमें वह अभ्यस्त है, वह "मुख्यधारा" चुनें। क्योंकि जिस टेक्नोलॉजी की दुनिया में जानकारी ज़्यादा है, AI उसमें उतना सटीक कोड लिखता है। दुर्लभ नई टेक्नोलॉजी की जानकारी कम होती है, AI भी उसमें ज़्यादा गलती करता है। पर्सनल डेवलपमेंट में "AI जिसमें माहिर = इंप्लीमेंट आसान = चीज़ पूरी होती है" सुनहरा नियम है।
जानकारी भरपूर, AI सटीक लिखता है।
उदा.: फ़्रंट के लिए React／Next.js, बैक के लिए Laravel (PHP) या Node.js, DB के लिए PostgreSQL या MySQL, ऑथ और DB के लिए Supabase या Firebase।
हाल ही में आई टेक्नोलॉजी, जिसकी अंग्रेज़ी में भी कम जानकारी हो ऐसा सेटअप, प्रयोगात्मक फ़्रेमवर्क। AI गलती करेगा, और आप जाँच में उलझे रहेंगे। सीखने का मकसद न हो, तो मुख्यधारा ही काफ़ी।
💡 टेक्नोलॉजी "खुद तय न करें, चलेगा"। कौन-सा स्टैक अच्छा है समझ न आए, तो AI से बस "मैं ○○ (जो बनाना है) पर्सनल डेवलपमेंट में बना रहा हूँ। AI के लिए इंप्लीमेंट करना आसान हो, जानकारी भरपूर हो ऐसा मुख्यधारा टेक-सेटअप सुझाओ" कहना काफ़ी है। जो सुझाया जाए, उसे वैसे ही अपना सकते हैं। गहराई चाहने वाले AI से मेल खाता टेक स्टैक देखें।
बिगिनर रूट (नो-कोड) में तो यह चुनाव तक बिल्डर पर छोड़ा जा सकता है। v0 या Bolt जैसे AI ऐप बिल्डर, पर्दे के पीछे अपने-आप React／Next.js जैसा मुख्यधारा स्टैक इस्तेमाल करते हैं, इसलिए आपको टेक्नोलॉजी के बारे में सोचने की लगभग ज़रूरत ही नहीं।
टूल चुनना — यहीं रूट के हिसाब से बँटता है
इस अध्याय में सबसे अहम है टूल चुनना। बस यहीं, अध्याय 1 में चुने रूट के हिसाब से मुख्य हथियार साफ़-साफ़ बँट जाता है। पहले एक, मुख्य टूल तय कर लें।
"ऐसा ऐप चाहिए" चैट में बताएँ, तो स्क्रीन और कोड — दोनों अपने-आप जनरेट। v0, Bolt, Lovable इसके प्रतिनिधि हैं। प्रीव्यू देखते हुए "यहाँ ऐसे बदलो" कहकर बातचीत भर से रूप बन जाता है।
तुलना → v0 vs Bolt vs Lovable
कोड सीधे संभालते हुए, इंप्लीमेंट, सुधार और टेस्टिंग AI को सौंपकर तेज़ करें। Claude Code, Cursor, GitHub Copilot, Codex मुख्य हैं। विस्तार और रखरखाव आसान, इसलिए लंबे समय तक बढ़ाने वाले प्रोडक्ट के लिए।
तुलना → AI कोडिंग टूल तुलना
बिगिनर रूट वाले पहले ऐप बिल्डर तुलना लेख देखकर एक चुनें, और यह सेक्शन छोड़कर सीधे डिज़ाइन / UI पर जा सकते हैं। प्रैक्टिकल रूट वाले, अगले सेक्शन में AI एडिटर की विस्तार से तुलना करेंगे।
प्रैक्टिकल रूट: AI एडिटर की तुलना
प्रैक्टिकल रूट का मुख्य हथियार, AI एडिटर — इस वक्त चार जमे हुए हैं। सभी मुख्यधारा हैं, इसलिए सच कहें तो कोई भी चुनें, नाकामी नहीं होगी। हर एक की खासियत भर पकड़ लें, और जो दिल को भाए वह एक चुन लें।
बातचीत करते हुए कई फ़ाइलों में फैलकर स्वायत्त रूप से इंप्लीमेंट और सुधार। डिज़ाइन से इंप्लीमेंट, टेस्टिंग तक सौंपने वाले बड़े कामों में मज़बूत। कमांड-लाइन पर चलता है।
जाने-पहचाने VS Code जैसे स्क्रीन पर, कोड देखते हुए AI के साथ एडिट। कंप्लीशन, चैट और ऑटो-फ़िक्स एक में। पहले AI एडिटर के लिए बेहतरीन।
VS Code में जुड़ने वाला मुख्यधारा। अधूरे कोड को समझदारी से पूरा करता है। मौजूदा डेवलपमेंट एनवायरनमेंट ज़्यादा बदले बिना AI जोड़ना चाहते हैं, उनके लिए।
टास्क सौंप दें तो पर्दे के पीछे स्वायत्त रूप से इंप्लीमेंट आगे बढ़ाने वाला एजेंट-टाइप। कई काम समानांतर घुमाना चाहते हैं ऐसे एडवांस्ड यूज़र के लिए विकल्प।
🧭 दुविधा हो तो ऐसे चुनें। एडिटर स्क्रीन पर सामने देखते हुए बढ़ना है तो Cursor (Cursor क्या है?), बातचीत में मिलाकर सौंपना है तो Claude Code। इन दोनों में से किसी एक से शुरू करें, तो पहली बार में गलत नहीं होगा। बारीक फ़र्क Cursor vs Claude Code vs Copilot vs Codex तुलना में।
टूल को एक पर सिमटकर गहराई से इस्तेमाल करना ही कुंजी है। इधर-उधर आज़माने से बेहतर है, पहले एक को साथी बनाकर हाथ में बैठा लें। ज़्यादातर ऑपरेशन बस "अपनी भाषा में कहना" भर है, इसलिए बाद में दूसरे टूल पर जाने की लागत भी कम है।
डिज़ाइन / UI — ज़्यादा मत सजाएँ
ऐप की शक्ल — लोगो, रंग-योजना, स्क्रीन लेआउट (UI) — भी अब AI से तैयार हो जाता है। पर तैयारी फेज़ में "ज़्यादा मत सजाओ" पक्का नियम है। डिज़ाइन में सजने लगें, तो अनगिनत घंटे बह जाते हैं। MVP चरण में "भद्दा न हो तो पास" जितनी सादगी बिलकुल सही है।
लोगो, रंग-योजना, स्क्रीन-छवि को शब्दों से जनरेट। डिज़ाइन का ज़ीरो ज्ञान हो तब भी बस "साफ़-सुथरे नीले रंग में" कहना काफ़ी। तुलना AI डिज़ाइन टूल तुलना में।
Claude Design जैसे टूल, जो डिज़ाइन और कोड के बीच आ-जा सकते हैं। बनाई शक्ल को वैसे ही इंप्लीमेंट में उतार सकते हैं।
खुद बनाने की ज़िद छोड़, तैयार UI टेम्पलेट या CSS फ़्रेमवर्क (जैसे Tailwind) पर सवार होना भी समझदारी है। सजी-सँवरी शक्ल पल भर में मिल जाती है।
⚠️ पिक्सेल-दर-पिक्सेल ट्यूनिंग में एक दिन मत बहाएँ। बटन के गोल कोने बार-बार महीन ठीक करने का मन हो, तो यह चेतावनी का संकेत है। डिज़ाइन में बस "2–3 रंग तय करें, खाली जगह रखें, फ़ॉन्ट ठीक करें" — इन तीन बातों का ख़याल रखें, तो नौसिखियापन काफ़ी हद तक मिट जाता है। बारीकियों की मेहनत, पब्लिश होकर इस्तेमाल शुरू होने के बाद करें, देर नहीं होगी।
बिगिनर रूट का ऐप बिल्डर UI भी अपने-आप ठीक कर देता है, इसलिए यह सेक्शन लगभग AI पर छोड़ दें, चलेगा। प्रैक्टिकल रूट वाले भी, पहले AI से ड्राफ़्ट निकलवाकर, बस अखरने वाली जगह ठीक करना — यही सबसे तेज़ है। शून्य से खुद डिज़ाइन करने की कोशिश न करें।
एनवायरनमेंट का न्यूनतम सेटअप
आखिर में डेवलपमेंट एनवायरनमेंट। यहाँ भी "अकाउंट बनाने भर से काम" समझें। पहले की तरह, घंटों लगाकर लोकल में डेवलपमेंट एनवायरनमेंट बनाने की ज़रूरत, ज़्यादातर मामलों में नहीं है। सब कुछ फ़्री प्लान से शुरू हो सकता है।
चुने हुए AI बिल्डर／AI एडिटर का अकाउंट बनाएँ। पहले फ़्री प्लान में आज़माएँ, कम पड़े तो पेमेंट करें।
प्रैक्टिकल रूट हो तो GitHub का अकाउंट। कोड सेव और वर्ज़न मैनेजमेंट का जमा-जमाया साधन। फ़्री में इस्तेमाल कर सकते हैं।
Vercel या Netlify, Supabase आदि। फ़्री प्लान उदार है। अभी बस नाम जानने भर, पब्लिश वाले अध्याय में विस्तार से।
✅ बस "अभी जितना चाहिए" उतना जुटाएँ। डोमेन खरीदना, पेड सर्वर या पेमेंट सर्विस का करार — अभी ज़रूरी नहीं। बनाने के चरण में बस "टूल" और "कोड रखने की जगह" चाहिए। पब्लिश और कमाई के लिए जो चाहिए, वह उस-उस अध्याय में, ज़रूरत जितना ही जुटाएँ, काफ़ी है। पहले से पेमेंट न करें।
टूल रजिस्टर कर लें, तो ज़्यादातर AI एडिटर या बिल्डर बस "नया प्रोजेक्ट बनाएँ" बटन दबाने भर से, ज़रूरी फ़ाइलों का पूरा सेट अपने-आप तैयार कर देते हैं। एनवायरनमेंट सेटअप में अटकें, तो उसकी बात वैसे ही AI में पेस्ट करके पूछें, अकसर हल हो जाती है। तैयारी के चरण से ही, AI अब आपका साथी है।
इस अध्याय का सार
- टेक्नोलॉजी मुख्यधारा चुनें। AI जिसमें अभ्यस्त = इंप्लीमेंट आसान = चीज़ पूरी होती है। दुविधा हो तो AI से सुझवा लें।
- टूल रूट के हिसाब से एक। 🌱बिगिनर = AI ऐप बिल्डर (v0/Bolt/Lovable), 🔧प्रैक्टिकल = AI एडिटर (Claude Code, Cursor, Copilot, Codex)।
- डिज़ाइन ज़्यादा मत सजाएँ। AI से ड्राफ़्ट बनाएँ, रंग-खाली जगह-फ़ॉन्ट — बस इन तीन को ठीक कर दें तो पास।
- एनवायरनमेंट न्यूनतम सेटअप। अकाउंट बनाने भर से काम, सब फ़्री प्लान से। पहले से पेमेंट न करें।
बुनियाद तैयार हो गई। अगला — अब सचमुच, AI के साथ हाथ चलाकर असल में प्रोडक्ट को रूप देना वाला फेज़। छोटा चलाकर सुधारने का चक्र तेज़ी से घुमाना — उसका ठोस तरीका, अगले अध्याय 4 "AI के साथ बनाना" में देखेंगे।