React और फ़्रेमवर्क ऐप

1✅ समर्थित फ़्रेमवर्क#

आप इन लोकप्रिय फ़्रेमवर्क से बने ऐप को बदल सकते हैं:

• React (Vite) - सबसे लोकप्रिय, सुझाया गया
• Next.js - React पर आधारित, पेज और ऐप राउटर
• Astro - React कंपोनेंट के साथ तेज़ स्टैटिक साइट
• Vue.js (Vite) - Vue सिंगल-पेज ऐप

ये सब अपने-आप चलते हैं - बस अपना प्रोजेक्ट ZIP अपलोड करें!

2📦 अपलोड करने के दो तरीके#

विकल्प A - सोर्स कोड अपलोड करें (सबसे आसान):
बस अपना प्रोजेक्ट फ़ोल्डर जैसा है वैसा ही ज़िप करके अपलोड कर दें। हमारा क्लाउड उसे अपने-आप बिल्ड कर देगा।

विकल्प B - पहले से बनी फ़ाइलें अपलोड करें:
पहले अपने कंप्यूटर पर 'npm run build' चलाएँ, फिर आउटपुट फ़ोल्डर (dist/, build/, या out/) को ज़िप करके वही अपलोड करें।

💡 ज़्यादातर यूज़र के लिए विकल्प A सुझाया जाता है - टर्मिनल या कोडिंग की ज़रूरत नहीं!

3📁 अपना ZIP कैसे तैयार करें#

1. अपने कंप्यूटर पर अपना प्रोजेक्ट फ़ोल्डर खोलें
2. अंदर की सभी फ़ाइलें चुनें (package.json, src/, public/ वगैरह समेत)
3. राइट-क्लिक करें → 'Compress' या 'Send to ZIP'

⚠️ ध्यान रखें कि package.json ZIP की सबसे ऊपरी जगह पर हो, किसी सबफ़ोल्डर के अंदर नहीं।

आप अपना प्रोजेक्ट GitHub से सीधे ZIP के रूप में भी डाउनलोड कर सकते हैं।

4🚀 अपना APK बनाएँ#

1. चरण 1 में 'Offline ZIP' मोड चुनें
2. अपनी प्रोजेक्ट ZIP फ़ाइल चुनें
3. ऐप आपका फ़्रेमवर्क अपने-आप पहचान लेगा
4. App Name, Icon, Splash Screen वगैरह भरें।
5. 'Generate APK' दबाएँ - बस हो गया!

📶 सोर्स कोड प्रोजेक्ट के लिए बनाते समय इंटरनेट ज़रूरी है।

5🎯 सबसे अच्छे नतीजों के लिए सुझाव#

• अपने ऐप को सिंगल-पेज ऐप (SPA) रखें - यह सबसे अच्छा चलता है
• अगर आपका ऐप बैकएंड/API इस्तेमाल करता है, तो बैकएंड को ऑनलाइन होस्ट रखें
• 'public/' फ़ोल्डर की इमेज और एसेट अपने-आप शामिल हो जाते हैं
• पहले अपना ऐप ब्राउज़र में टेस्ट करके देख लें कि वह चलता है

6❌ क्या नहीं चलेगा#

• सर्वर-साइड फ़ीचर (डेटाबेस क्वेरी, ऐप में ही बने सर्वर API)
• ऐसे ऐप जिन्हें चलने के लिए Node.js या सर्वर चाहिए
• WordPress, Shopify, या CMS पर बनी वेबसाइट
• Svelte और Angular प्रोजेक्ट (जल्द आ रहे हैं!)

अगर आपका ऐप बिना सर्वर के ब्राउज़र में चलता है, तो वह APK के रूप में भी चलेगा!

7📥 सैंपल प्रोजेक्ट डाउनलोड करें#

फ़ीचर को टेस्ट करने के लिए ये तैयार सैंपल प्रोजेक्ट आज़माएँ। नीचे कोई भी ZIP डाउनलोड करें, फिर चरण 1 में 'Offline ZIP' मोड के साथ उसे इस्तेमाल करके तुरंत APK बनाएँ!

⬇️ React (Vite) सैंपल →

8📥 Next.js सैंपल#

रूटिंग वाला मल्टी-पेज Next.js ऐप - आपके बनाए APK में पेज नेविगेशन टेस्ट करने के लिए बढ़िया।

⬇️ Next.js सैंपल →

9📥 Astro सैंपल#

Astro और React कंपोनेंट से बनी तेज़ स्टैटिक साइट - कंटेंट से भरे ऐप के लिए एकदम सही।

⬇️ Astro सैंपल →

10📥 सिंगल HTML सैंपल#

बहुत छोटा सिंगल-फ़ाइल ऑफ़लाइन टेस्ट (सिर्फ़ index.html)। ख़ाली स्क्रीन की समस्या ढूँढते समय झटपट जाँच के लिए बढ़िया।

⬇️ सिंगल HTML सैंपल →

11📥 HTML + CSS सैंपल#

बनाए गए ऐप में बाहरी CSS लोड होना जाँचने के लिए सरल दो-फ़ाइल ऑफ़लाइन टेस्ट (index.html + style.css)।

⬇️ HTML + CSS सैंपल →