Google AI Studio वेबसाइट और वेब ऐप्स कैसे डिप्लॉय करें
GitHub और Hostinger का उपयोग करके अपनी Google AI वेबसाइट या वेब ऐप को कदम-दर-कदम डिप्लॉय करें। अपने प्रोजेक्ट को ऑनलाइन और पूरी तरह से काम करने के लिए सरल, स्पष्ट निर्देश।
रोडमैप और संसाधन
होस्टिंग प्लान चुनें और अपनी साइट सेट अप करें
अपना होस्टिंग प्लान चुनें
Hostinger Business Plan
वीडियो में दिखाया गया प्लान चुनें, फिर गाइड जारी रखें।
RECOMMENDED
https://www.hostg.xyz/SHJ9N
अपनी मुफ़्त डोमेन का दावा करें
भुगतान और खाता सेटअप पूरा करें
Empty PHP/HTML Website का उपयोग करके एक नई साइट बनाएँ
Google AI के अंदर अपना प्रोजेक्ट तैयार करें
अपना Google AI प्रोजेक्ट खोलें
Save to GitHub पर क्लिक करें
एक नई रिपॉज़िटरी बनाएँ
पूर्ण प्रोजेक्ट अपलोड करने के लिए Add Changes पर क्लिक करें
अपने प्रोजेक्ट को Hostinger से कनेक्ट करें
Hostinger पर वापस जाएँ
Node.js Web App चुनें
Continue with GitHub पर क्लिक करें
वही रिपॉज़िटरी चुनें
Hostinger Vite को स्वचालित रूप से पहचानता है (कोई परिवर्तन आवश्यक नहीं)
आवश्यक Gemini API Key जोड़ें
Gemini API key को एनवायरनमेंट वेरिएबल्स के रूप में जोड़ें
API_KEY GOOGLE_API_KEY GEMINI_API_KEY VITE_GOOGLE_API_KEY VITE_GEMINI_API_KEY
API_KEY
Gemini API की
GOOGLE_API_KEY
Gemini API की
GEMINI_API_KEY
Gemini API की
VITE_GOOGLE_API_KEY
Gemini API की
VITE_GEMINI_API_KEY
Gemini API की
यह की Google AI Studio से लें
API कीज़ खोलें
https://aistudio.google.com/app/apikey
अपनी साइट डिप्लॉय करें + सफ़ेद स्क्रीन समस्या ठीक करें
Deploy पर क्लिक करें
अपनी डोमेन कनेक्ट करें
यदि एक खाली सफ़ेद स्क्रीन दिखाई दे, तो Google AI में निम्नलिखित प्रॉम्प्ट चलाएँ
सफ़ेद स्क्रीन फ़िक्स प्रॉम्प्ट
यह बिना त्रुटियों के डिप्लॉय होता है, लेकिन प्रोडक्शन में एक खाली सफ़ेद पेज प्रस्तुत करता है…
It deploys without errors, but in production, it renders a blank white page. No console errors appear. The issue occurs on multiple hosting providers, so it is not a hosting problem. Please debug the app and fix the root cause so it renders properly in production, without changing the existing UI.
Save → Stage → GitHub पर Commit करें
Hostinger अपडेट को स्वचालित रूप से री-डिप्लॉय करता है
✨ अंतिम वर्कफ़्लो
अंतिम वर्कफ़्लो सारांश
Google AI आपका प्रोजेक्ट बनाता है GitHub परिवर्तनों को सिंक करता है Hostinger सब कुछ स्वचालित रूप से डिप्लॉय करता है Google AI में कोई भी भविष्य का अपडेट → तुरंत आपकी साइट पर लाइव