अपनी Lovable वेबसाइट कैसे होस्ट करें
Lovable एक React/Vite ऐप बनाता है। उसे अपनी पसंद की जगह होस्ट करने के लिए पहले स्टैटिक फ़ाइलों में बिल्ड करें, फिर वह आउटपुट पब्लिश करें। SiteDrop बिल्ड फ़ोल्डर लेकर आपको लाइव लिंक देता है।
अपनी साइट मुफ़्त में पब्लिश करें →4 स्टेप में लाइव करें
- Lovable में अपने प्रोजेक्ट का कोड एक्सपोर्ट या डाउनलोड करें (या GitHub जोड़कर रिपॉज़िटरी डाउनलोड करें)।
- अपने कंप्यूटर पर npm install और फिर npm run build चलाएँ, ताकि स्टैटिक आउटपुट फ़ोल्डर (आम तौर पर dist) बने।
- dist फ़ोल्डर की सामग्री zip करें — index.html zip के सबसे ऊपरी स्तर पर होना चाहिए।
- zip को SiteDrop पर अपलोड करें।
कौन-से फ़ाइल टाइप चलते हैं
Lovable एक React/Vite ऐप बनाता है, इसलिए आप उसका बिल्ड हुआ आउटपुट होस्ट करते हैं — npm run build के बाद का स्टैटिक dist फ़ोल्डर, जो सादा HTML/CSS/JS है। यह बिना दिक्कत अपलोड होता है। स्टैटिक रूप से वह होस्ट नहीं हो सकता जो लाइव बैकएंड से जुड़ा हो (ऑथ, डेटाबेस, सर्वर रूट); मार्केटिंग या पोर्टफ़ोलियो बिल्ड में आम तौर पर ऐसा कुछ नहीं होता।
क्या गड़बड़ होती है — और उसे कैसे ठीक करें
- मैंने प्रोजेक्ट zip किया और खाली पेज मिला।
आपने सोर्स zip किया, बिल्ड नहीं। npm install और फिर npm run build चलाएँ, और dist फ़ोल्डर की सामग्री को index.html के सबसे ऊपरी स्तर पर रखते हुए zip करें।
- खाली पेज और कंसोल में /assets/* के लिए 404 दिखते हैं।
Vite डिफ़ॉल्ट रूप से एब्सोल्यूट एसेट पाथ इस्तेमाल करता है। बिल्ड से पहले vite.config में base: './' सेट करें ताकि एसेट zip रूट से मिलें, फिर दोबारा बिल्ड करें।
- पब्लिश होने के बाद Supabase या ऑथ फ़ीचर काम करना बंद कर देते हैं।
इन्हें लाइव बैकएंड और एनवायरनमेंट कीज़ चाहिए, जो स्टैटिक होस्टिंग नहीं चलाती। स्टैटिक फ़्रंट-एंड यहाँ पब्लिश करें और डायनामिक फ़ीचर ऐसी सर्विस पर रखें जो सर्वर चलाती हो।
SiteDrop बनाम सीधे Netlify इस्तेमाल करना
Netlify git रिपॉज़िटरी से आपके लिए Vite बिल्ड चला सकता है — अगर आप ऑटो-डिप्लॉय चाहते हैं तो काम का है। बदले में git जोड़ना, बिल्ड कॉन्फ़िगर करना और env vars संभालना पड़ता है। अगर आप एक बार लोकल बिल्ड करके बस dist फ़ोल्डर होस्ट करना चाहते हैं, तो SiteDrop वह zip सीधे लेकर बिना पाइपलाइन के लिंक (और पेड प्लान पर कस्टम डोमेन) दे देता है।
Lovable होस्टिंग — अक्सर पूछे जाने वाले सवाल
पहले बिल्ड क्यों चलाना पड़ता है?
Lovable ऐप React प्रोजेक्ट होते हैं, सादा HTML नहीं। बिल्ड स्टेप उन्हें ऐसी स्टैटिक फ़ाइलों में बदल देता है जिन्हें ब्राउज़र परोस सकें। dist फ़ोल्डर मिल जाने के बाद होस्टिंग बस एक zip अपलोड है।
कमांड लाइन को बिल्कुल न छूना हो — तो क्या विकल्प हैं?
अगर आपका प्रोजेक्ट बिल्ड होने के बाद पूरी तरह स्टैटिक है, तो Lovable (या किसी भी AI असिस्टेंट) से एक बिल्ड हुआ/स्टैटिक वर्ज़न बनवाएँ, फिर उसे zip करके अपलोड करें। सर्वर की ज़रूरत वाली कोई भी डायनामिक चीज़ स्टैटिक होस्टिंग के लिए ठीक नहीं।
अपनी Lovable साइट पब्लिश करने के लिए तैयार हैं?
अपनी .zip अपलोड करें और एक मिनट से कम में शेयर करने लायक लाइव लिंक पाएँ। 7 दिन का मुफ़्त प्रीव्यू, कार्ड की ज़रूरत नहीं।
अभी पब्लिश करें →