बिना कोडिंग ज्ञान के 5 मिनट में एक वर्किंग वेब-ऐप बनाएं
AI-एडिटर के जरिए टेक्स्ट विवरण को एक इंटरैक्टिव टूल में बदलें, जिसमें इंस्टेंट प्रिव्यू और पब्लिशिंग की सुविधा हो
- 1.v0.dev वेबसाइट पर जाएं और GitHub या Google के माध्यम से लॉग-इन करें
यह Vercel का एक विशेष AI टूल है जो React और Tailwind CSS का उपयोग करके इंटरफेस और पूर्ण वेब-ऐप्स जेनरेट करता है।
v0.dev ↗टूल के बारे में - 2.स्क्रीन के बीच में दिए गए इनपुट बॉक्स में अपने ऐप के लिए प्रॉम्प्ट डालें और ब्रैकेट में दी गई जानकारी को बदलें
आप फीचर्स (बटन, इनपुट फील्ड, कैलकुलेशन) का जितना सटीक वर्णन करेंगे, बाद में उतने ही कम सुधार करने पड़ेंगे।
प्रॉम्प्टएक पूरी तरह कार्यात्मक [ऐप का नाम, जैसे: कैलोरी ट्रैकर या इनवॉइस जेनरेटर] बनाएं। इसमें [मुख्य फंक्शन, जैसे: फूड आइटम जोड़ने के लिए एक फॉर्म और कुल दैनिक योग] होना चाहिए। एक आधुनिक, क्लीन UI और प्रोफेशनल कलर पैलेट का उपयोग करें। सुनिश्चित करें कि यह रिस्पॉन्सिव हो और इसमें [एलिमेंट, जैसे: सर्च करने योग्य ड्रॉपडाउन या डेटा टेबल] जैसे इंटरैक्टिव तत्व शामिल हों।
यह प्रॉम्प्ट क्या करता हैबेहतर कोड क्वालिटी के लिए प्रॉम्प्ट अंग्रेजी में भी इस्तेमाल किया जा सकता है। [नाम], [मुख्य फंक्शन] और [एलिमेंट] को अपने ऐप के विवरण (जैसे: 'सर्विस कॉस्ट कैलकुलेटर' या 'हैबिट ट्रैकर') से बदलें। - 3.जेनरेशन पूरा होने तक प्रतीक्षा करें और दाईं ओर प्रिव्यू विंडो में परिणाम देखें
अगर आपको कुछ पसंद नहीं आता है, तो आप इंटरफेस के किसी खास हिस्से को माउस से चुन सकते हैं और चैट में लिख सकते हैं कि क्या बदलना है (जैसे, 'Change this button to red')।
- 4.अपने लाइव ऐप का लिंक पाने के लिए ऊपर दाएं कोने में 'Publish' बटन पर क्लिक करें
पब्लिश करने के बाद, आपका ऐप एक यूनिक URL पर उपलब्ध होगा जिसे आप शेयर कर सकते हैं।
💰 इसे अपनाने में कितना खर्च आएगाकीमतें 2026-08 के अनुसार
- मुफ़्तPrime Agentप्रति दिन सीमित जेनरेशन के साथ एक फ्री प्लान उपलब्ध है।
आज़माएँ और सबसे पहले निशान लगाएँ
आज ही क्यों
v0.devweb
सप्ताह का नुस्खा ईमेल पर
AI सेवाएँ तेज़ी से बदलती हैं - इंटरफ़ेस और मुफ़्त सीमाएँ बताए गए से अलग हो सकती हैं।