Lovable के साथ वेब ऐप बनाने की पूरी गाइड

Lovable एक AI-पावर्ड प्लेटफॉर्म है जो प्राकृतिक भाषा में दिए गए निर्देशों के आधार पर फुल-स्टैक वेब एप्लिकेशन जेनरेट करता है। यह रियल-टाइम में कोड लिखता है और तुरंत प्रीव्यू प्रदान करता है।

1. Lovable अकाउंट बनाएं और प्रोजेक्ट शुरू करें. lovable.dev पर जाकर 'Get Started' बटन क्लिक करें। अपना ईमेल और पासवर्ड से साइन अप करें। लॉगिन के बाद 'New Project' पर क्लिक करके अपने प्रोजेक्ट का नाम दें। एक खाली प्रोजेक्ट टेम्प्लेट चुनें।
2. AI चैट इंटरफेस में अपना ऐप डिस्क्राइब करें. स्क्रीन के दाईं ओर AI चैट बॉक्स में अपने ऐप की आवश्यकताएं हिंदी या अंग्रेजी में लिखें। उदाहरण: 'एक टू-डू लिस्ट ऐप बनाएं जिसमें टास्क जोड़ना, डिलीट करना और कंप्लीट मार्क करने की सुविधा हो।' Enter दबाने के बाद Lovable तुरंत कोड जेनरेशन शुरू करेगा।
3. रियल-टाइम प्रीव्यू देखें और फीडबैक दें. बाएं साइड में आपका ऐप का लाइव प्रीव्यू दिखेगा। मिडिल सेक्शन में जेनरेटेड कोड देख सकते हैं। अगर कोई बदलाव चाहिए तो चैट में 'बटन का कलर नीला करें' या 'हेडर का साइज़ बड़ा करें' जैसे निर्देश दें।
4. डेटाबेस और बैकएंड फीचर्स जोड़ें. डेटा स्टोरेज के लिए चैट में 'डेटाबेस जोड़ें' या 'यूज़र रजिस्ट्रेशन फीचर जोड़ें' टाइप करें। Lovable अपने आप Supabase डेटाबेस सेटअप करके API रूट्स बना देगा। Authentication के लिए 'लॉगिन सिस्टम जोड़ें' कहें।
5. कस्टम स्टाइलिंग और लेआउट एडजस्ट करें. विजुअल डिजाइन बदलने के लिए 'डार्क मोड जोड़ें', 'ग्रेडिएंट बैकग्राउंड लगाएं' या 'मैटेरियल डिजाइन स्टाइल अप्लाई करें' जैसे कमांड दें। Components की positioning के लिए 'साइडबार लेफ्ट साइड में लगाएं' बोल सकते हैं।
6. टेस्टिंग करके बग्स फिक्स करें. प्रीव्यू में सभी फीचर्स टेस्ट करें। कोई एरर या बग मिले तो चैट में 'सबमिट बटन काम नहीं कर रहा' या 'डेटा सेव नहीं हो रहा' जैसी प्रॉब्लम बताएं। Lovable अपने आप debugging करके फिक्स कर देगा।
7. ऐप को डिप्लॉय करें और शेयर करें. टॉप राइट में 'Deploy' बटन क्लिक करें। Lovable आपके ऐप को अपने होस्टिंग पर डिप्लॉय कर देगा और पब्लिक URL देगा। यह URL दूसरों के साथ शेयर कर सकते हैं। कस्टम डोमेन जोड़ने के लिए सेटिंग्स में जाएं।