लर्निंग पाथ
एआई मूलभूत बातें
10 घंटा
Bolt.new एक नया टेक्स्ट-टू-ऐप AI टूल है। Lovable की तरह, यह उपयोगकर्ताओं को केवल प्रॉम्प्ट्स के जरिए ऐप्स बनाने देता है। इस ट्यूटोरियल में, मैं आपको इस टूल के बारे में बताऊंगा, और हम इसके साथ एक जिम वर्कआउट ऐप बनाने की कोशिश करेंगे।
यदि आप इस तरह के टूल्स के बारे में और सीखना चाहते हैं, तो मैं सुझाव दूंगा कि आप हमारा Lovable ट्यूटोरियल देखें।
Bolt.new क्या है?
Bolt.new एक टेक्स्ट-टू-ऐप टूल है जो डेवलपर्स को आधुनिक फ्रेमवर्क्स, लाइब्रेरीज़ और इंटीग्रेशंस के साथ तुरंत फुल-स्टैक ऐप्लिकेशन तैयार करने देता है।
शुरुआत से आरंभ करने या प्रोजेक्ट बोइलरप्लेट्स कॉन्फ़िगर करने में घंटों लगाने के बजाय, आप ऐसा प्रॉम्प्ट टाइप कर सकते हैं: “प्रमाणीकरण और Stripe पेमेंट्स के साथ एक SaaS लैंडिंग पेज बनाएं”, और Bolt कुछ ही सेकंड में एक काम करता हुआ प्रोजेक्ट स्कैफ़ोल्ड कर देगा।
मुख्य विचार यह है कि एक आइडिया और चल रहे प्रोडक्ट के बीच की दूरी घटाई जाए। Bolt.new के साथ, आपको डिपेंडेंसियाँ, रूटिंग, स्टेट मैनेजमेंट या स्टाइलिंग लाइब्रेरीज़ को मैन्युअली जोड़ने की ज़रूरत नहीं पड़ती; ये चुनाव टूल अपने आप हैंडल करता है। इसे बेस्ट प्रैक्टिसेस के अनुरूप डिज़ाइन किया गया है, ताकि बनने वाला कोडबेस केवल एक अस्थायी प्रोटोटाइप न होकर संरचित और प्रोडक्शन-रेडी हो।
Bolt.new आपको एक क्लिक में प्रोजेक्ट प्रकाशित करने देता है, जिससे वह वेब पर सार्वजनिक रूप से उपलब्ध हो जाता है। हालांकि, लेखन के समय, डेटाबेस और ऑथेंटिकेशन जैसी महत्वपूर्ण सुविधाएँ अभी बीटा में हैं, जिससे यह वास्तविक ऐप्लिकेशनों के लिए काफ़ी सीमित हो जाता है।
Bolt.new के साथ शुरुआत कैसे करें
शुरू करने के लिए, उनकी वेबसाइट पर जाएँ और एक खाता बनाएँ। बिना सब्सक्रिप्शन के, आपके पास प्रति माह 1M टोकन की सीमा और प्रतिदिन 150K टोकन की सीमा होती है।
उनका फ्री टियर इसे आज़माने योग्य बनाता है, लेकिन ऐप्लिकेशन पर बहुत अधिक पुनरावृत्ति करने की उम्मीद न करें।
मैंने प्रारंभिक प्रॉम्प्ट में सभी फ़ीचर्स को बहुत विस्तार से बताकर टोकन सीमा से बचने की कोशिश की, लेकिन पाया कि यह आमतौर पर केवल मुख्य ऐप विचार ही बनाता है, और आगे की पुनरावृत्तियों की आवश्यकता पड़ती है—और इस प्रकार अधिक टोकन लगते हैं।
Bolt.new से ऐप कैसे बनाएं: जिम कोचिंग ऐप
Bold.new का परीक्षण करने के लिए, हम एक जिम कोचिंग ऐप बनाने की कोशिश करेंगे। ऐसे ऐप का मूल विचार यह है कि यह हमें हर दिन एक्सरसाइज़ प्लान देगा और हमारी प्रगति को ट्रैक करने में मदद करेगा। फिर यह पिछले डेटा के आधार पर प्लान बनाता है।
यहाँ वह प्रारंभिक प्रॉम्प्ट है जो मैंने इस्तेमाल किया:
मैं जिम के लिए एक व्यायाम ट्रैकिंग ऐप बनाना चाहता/चाहती हूँ। हर दिन यह मुझे एक्सरसाइज़ का एक सेट देना चाहिए। एक एक्सरसाइज़ एक मशीन, एक वज़न और दोहरावों की संख्या बताती है। ऐप को मुझे प्रत्येक एक्सरसाइज़ के लिए यह चिन्हित करने देना चाहिए कि मैंने कितने दोहराव किए और यह कि यह कठिन, सामान्य या आसान था। फिर उस डेटा का उपयोग आगे के दिनों की योजना बनाने के लिए किया जाता है।
प्रॉम्प्ट सबमिट करने के बाद, इसने एक React प्रोजेक्ट बनाया और बेसिक कार्यक्षमता लागू करना शुरू कर दी। लॉग्स में यह बनाए गए सभी फ़ाइलों की विस्तृत सूची देता है:
कुछ देर बाद, ऐप चलने लगा। इस चरण में यह कुछ ऐसा दिखता था:
जब मैंने नई वर्कआउट सेशन बनाई, तो यह परिणाम मिला:
यह बिल्कुल वैसा नहीं था जैसा मैंने सोचा था, क्योंकि प्रत्येक एक्सरसाइज़ एक ही सेट से बनी थी, लेकिन यह काफ़ी हद तक नज़दीक था। सच कहूँ तो, मेरा प्रारंभिक प्रॉम्प्ट इस बारे में पूरी तरह स्पष्ट नहीं था। यही वह जगह है जहाँ प्रॉम्प्ट इंजीनियरिंग को समझना उपयोगी होता है।
टोकन्स के लिहाज़ से, इस प्रारंभिक प्रॉम्प्ट ने पहले ही 150K दैनिक सीमा में से 97K का उपयोग कर लिया था। यह दिखाता है कि फ्री प्लान पर हम अपने विचारों को बहुत आगे नहीं ले जा सकते।
ऐप में बदलावों का अनुरोध करना
इन टेक्स्ट-टू-ऐप AI टूल्स के पीछे मुख्य विचार यह है कि हम बिना कोडिंग जाने, सिर्फ AI से बातचीत कर और बदलावों का अनुरोध करके, अपने विचारों को साकार कर सकते हैं।
उस vibe-coding दावे को परखने के लिए, मैं अनुरोध करता/करती हूँ कि हर एक्सरसाइज़ कई सेट्स से मिलकर बनी हो।
Bolt.new ने बदलाव किए; लेकिन जब इसने ऐप को फिर से रेंडर करने की कोशिश की, तो एक त्रुटि आ गई।
इंटरफ़ेस त्रुटि को पहचानता है और उसे स्वतः ठीक करने का विकल्प देता है।
कभी-कभी यह सीधे त्रुटि की पहचान कर खुद उसे ठीक कर देता है। लेकिन इस मामले में, नए बदलाव अन्य त्रुटियों के साथ आए:
कुछ राउंड्स की त्रुटि-समाधान के बाद, हमारे पास एक काम करता हुआ संस्करण था, जहाँ प्रत्येक वर्कआउट सेशन में कई एक्सरसाइज़ थीं, और हर एक्सरसाइज़ में कई सेट्स (दोहरावों की संख्या) थे। प्रत्येक सेट के लिए, हम यह ट्रैक रख सकते हैं कि हमने कितने दोहराव किए, और फिर हम महसूस की गई कठिनाई पर फ़ीडबैक दे सकते हैं।
फ़ीडबैक डेटा का उपयोग भविष्य के सेशंस की योजना बनाने में होना चाहिए। मैं यह पूछने के लिए चैट करना चाहता/चाहती था कि इस डेटा का उपयोग कैसे किया जाता है, लेकिन तब तक मेरे दिन के क्रेडिट्स ख़त्म हो चुके थे।
ऐसे ऐप्लिकेशन बनाते समय मुझे अक्सर एक समस्या यह लगती है कि हमें अंदर-ही-अंदर क्या हो रहा है, इस पर बहुत कम नियंत्रण मिलता है। हम प्रयोग करके और ऐप का उपयोग करके कुछ देख सकते हैं, लेकिन यह हमेशा यह समझने के लिए पर्याप्त नहीं होता कि चीज़ें कैसे लागू की गई हैं।
Bolt.new के कोड पर नज़र डालना
यदि आप प्रोग्रामिंग जानते हैं, तो कोड देखकर ऐप कैसे काम करता है, इसकी समझ पाना संभव है। Lovable के विपरीत, Bolt.new वेब इंटरफ़ेस में सीधे कोड देखना बहुत आसान बनाता है।
कोड एडिटर खोलकर, हम सभी प्रोजेक्ट फ़ाइलें देख सकते हैं, और किसी फ़ाइल पर क्लिक करने से वह कोड एडिटर में खुल जाती है, जिससे यह देखना संभव हो जाता है कि यह कैसे काम कर रही है और सीधे ब्राउज़र में बदलाव करना भी।
वहाँ मुझे workoutGenerator.ts नाम की एक फ़ाइल दिखी, जिसका नाम इंगित करता है कि इसमें नए वर्कआउट्स जेनरेट करने का लॉजिक है।
क्योंकि मेरे क्रेडिट्स खत्म हो गए थे, मैंने कोड कॉपी-पेस्ट करके ChatGPT में डाला और उससे समझाने को कहा। यह रहा इसका सारांश कि यह कैसे काम करता है:
ऐप हर दिन आपके लिए एक नया वर्कआउट बनाता है, यह देखकर कि आपने पहले क्या किया है। यह आपके द्वारा पूरे किए गए वर्कआउट्स की संख्या का हिसाब रखता है और अलग-अलग प्रकारों—जैसे अपर बॉडी, लोअर बॉडी या फुल बॉडी—के बीच रोटेट करता है, ताकि समय के साथ आपकी मांसपेशियों को संतुलित रूटीन मिले। प्रत्येक वर्कआउट प्रकार के लिए, यह संबंधित मांसपेशी समूहों से मेल खाने वाली कुछ एक्सरसाइज़ को रैंडमली चुनता है, ताकि आप हमेशा वही मूव्स न करें।
यह इस बात पर भी ध्यान देता है कि आपने अपने पिछले वर्कआउट्स में कैसा प्रदर्शन किया। यदि कोई एक्सरसाइज़ आसान लगी हो और आप अक्सर सफल रहे हों, तो यह आपको चुनौती देने के लिए वज़न थोड़ा बढ़ा देगा या अधिक रेप्स जोड़ देगा। यदि कोई एक्सरसाइज़ बहुत कठिन हो, तो इसे अधिक करने योग्य बनाने के लिए वज़न कम कर देगा। इस तरह, वर्कआउट आपकी प्रगति के अनुसार समायोजित होता है और आपको सही गति से सुधारने में मदद करता है, बिना अति किए। मुझे यह तर्कसंगत लगता है, खासकर प्रोडक्ट के पहले संस्करण के लिए।
Bolt.new ऐप प्रकाशित करना
ऐप्लिकेशन प्रकाशित करने के लिए, ऊपर दाएँ कोने में "Publish" बटन पर बस क्लिक करें।
प्रकाशित होने के बाद, हमें चैट में एक URL मिलता है जहाँ हम ऐप खोल सकते हैं।
हम इसे ब्राउज़र में उपयोग कर सकते हैं और दूसरों के साथ साझा कर सकते हैं। हम इसे फ़ोन पर भी इंस्टॉल कर सकते हैं। लेकिन चूँकि यह एक वेब ऐप्लिकेशन है, हम इसे ऐप स्टोर का उपयोग करके इंस्टॉल नहीं करते; हम इसे ब्राउज़र से इस तरह करते हैं:
- लिंक फ़ोन पर खोलें।
- ब्राउज़र में विकल्प मेनू पर क्लिक करें।
- "Add to Home screen" विकल्प पर क्लिक करें।
दुर्भाग्यवश, Bolt.new ने ऐप्लिकेशन को बॉक्स से बाहर प्रोग्रेसिव वेब ऐप (PWA) नहीं बनाया। इसका अर्थ है कि जब हम इसे अभी बताए गए तरीके से मोबाइल फ़ोन पर इंस्टॉल करते हैं, तो यह केवल हमारे होम स्क्रीन पर एक लिंक बनाता है, इसलिए अनुभव ब्राउज़र में उपयोग करने से बहुत अलग नहीं है।
मैंने इसे ऐप्लिकेशन को PWA में बदलने के लिए कहा ताकि यह एक नेटिव ऐप्लिकेशन की तरह व्यवहार करे, लेकिन वह ठीक से नहीं हुआ। Bolt.new ने आवश्यक फ़ाइलें जेनरेट करके अच्छी शुरुआत की, लेकिन PWA की एक आवश्यकता इमेज लोगो का होना है। दुर्भाग्य से, Bolt.new ने उन्हें इमेज बाइट्स लिखकर जेनरेट करने की कोशिश की, जिसने संभवतः बेमानी इमेजें ही बनाई होंगी और साथ ही सारे टोकन भी खपा दिए।
कस्टम डोमेन सेट करना
हमें ऐप के लिए जो URL मिला, वह स्वतः जेनरेट किया गया था, जो प्रोडक्शन के लिए आदर्श नहीं है। किसी वास्तविक प्रोडक्ट के लिए, हमें अपना डोमेन खरीदकर कॉन्फ़िगर करना होगा। यह प्रोजेक्ट सेटिंग्स के "Domains & Hosting" पेज पर किया जा सकता है।
ऐप का मौजूदा संस्करण डेटा को डेटाबेस में स्टोर नहीं करता। इसलिए, यदि हम ऐप को अपने कंप्यूटर पर खोलते हैं और फिर फ़ोन पर, तो हमें वही डेटा नहीं दिखेगा। डिवाइस पर लोकल डेटा पर्सिस्टेंस है, इसलिए यदि आप एक ही डिवाइस का उपयोग करते हैं, तो डेटा लोकल रूप से स्टोर होगा। यही कारण है कि यदि हम ऐप रिफ्रेश करते हैं, तो मौजूदा वर्कआउट प्लान और पिछले वर्कआउट्स नहीं खोते।
यह प्रोटोटाइप के लिए ठीक है, लेकिन कमर्शियल प्रोडक्ट के लिए बिल्कुल उपयुक्त नहीं। फिलहाल, ऑथेंटिकेशन और डेटाबेस अभी भी बीटा में हैं। आप उनके प्राइवेट बीटा के लिए साइन अप करके उन्हें एक्सेस कर सकते हैं।
निष्कर्ष
मुझे लगता है कि Bolt.new किसी प्रोटोटाइप को जल्दी स्कैफ़ोल्ड करने और प्रोडक्ट आइडिया को वैलिडेट करने के लिए एक बढ़िया टूल है। हालाँकि, AI प्रायः सतही स्तर पर फीचर्स लागू करता है, जिसका अर्थ है कि ठोस ऐप्लिकेशनों के लिए काफी अधिक पुनरावृत्ति की आवश्यकता पड़ती है।
भले ही आप विस्तृत प्रारंभिक प्रॉम्प्ट दें, परिणाम पूरी स्पेसिफ़िकेशन की केवल सतह को ही छूता है, और फ्री टियर की टोकन सीमाएँ बिना सब्सक्रिप्शन के कुछ सार्थक बनाना लगभग असंभव बना देती हैं।
इसके अतिरिक्त, क्योंकि ऑथेंटिकेशन और डेटाबेस सपोर्ट जैसी आवश्यक सेवाएँ अभी भी बीटा में हैं, मैं प्रोडक्शन-रेडी ऐप्लिकेशन बनाने का प्रयास करने से पहले उनके पूर्ण रिलीज़ का इंतज़ार करने की सलाह दूँगा/दूँगी।
कुल मिलाकर, Bolt.new अपने प्रतिस्पर्धियों की तरह ही काम करता है, लेकिन इसकी खासियत यह है कि वेब इंटरफ़ेस में सीधे सोर्स कोड को देखना और संपादित करना संभव है; यह एक महत्वपूर्ण लाभ है जो Lovable जैसे प्लेटफ़ॉर्म्स के साथ मेरे अनुभव की प्रमुख निराशाओं में से एक को दूर करता है।