मार्गदर्शिका
उपयोग कैसे करें Uttra-अट्रा
चरण-दर-चरण, पहले विचार से एक प्रकाशित साइट तक, आपका अपना कोड आपके हाथ में।
चरण 1
अपना पहला प्रोजेक्ट शुरू करें
अपना विचार सादे शब्दों में बताइए, और Uttra उसे आपके सामने बनाना शुरू कर देता है।
- अपना विचार होमपेज के लिखने वाले बॉक्स में लिखें, अरबी, बोली या अंग्रेज़ी में, वैसे ही जैसे सामने बैठे किसी को समझाते।
- "बनाना शुरू करें" पर क्लिक करें। Uttra सिर्फ़ आपके प्रोजेक्ट के लिए एक अलग वातावरण तैयार करता है; उसकी फ़ाइलें कभी किसी और के साथ साझा नहीं होतीं।
- चैट में निर्माण को चरण-दर-चरण देखें: पेज, डेटा और लॉजिक आपके सामने एक के बाद एक बनते हैं। चाहें तो "UI Styles" से डिज़ाइन की दिशा भी चुन सकते हैं।
- पूरा होने के बाद, आप उसी चैट में जब चाहें और बदलाव माँग सकते हैं; प्रोजेक्ट आगे के विकास के लिए खुला रहता है।
चरण 2
पूर्वावलोकन खोलें और अपनी साइट लाइव देखें
चैट के बगल में लाइव पूर्वावलोकन, हर अनुरोध पर तुरंत अपडेट होता हुआ।
- निर्माण पूरा होते ही Uttra आपकी साइट या ऐप का लाइव पूर्वावलोकन चैट विंडो के बगल में खोल देता है।
- चैट में आप जो भी बदलाव माँगते हैं वह तुरंत पूर्वावलोकन में दिखता है: आप परिणाम Uttra से बात करते-करते ही देख लेते हैं, बाद में नहीं।
- पूर्वावलोकन लिंक सिर्फ़ आपके लिए निजी है: जब तक आप प्रोजेक्ट प्रकाशित न करें, कोई और उसे नहीं देख सकता।
चैटकोडपूर्वावलोकन
प्रकाशित करें
Preview
लाइव
स्माइल डेंटल क्लिनिकअपनी अपॉइंटमेंट बुक करें
चरण 3
"तत्व चुनें" से दृश्य संपादन करें
"तत्व चुनें" पर क्लिक करें, पेज पर कुछ भी चुनें, और Uttra को बताएँ कि उसमें क्या बदलना है।
- पूर्वावलोकन के ऊपर "तत्व चुनें" नाम का एक बटन है। उस पर क्लिक करें, फिर पेज पर कुछ भी चुनें (टेक्स्ट, छवि, बटन या पूरा सेक्शन)।
- आप जो तत्व चुनते हैं वह अपने आप संदर्भ के रूप में चैट में चला जाता है, इसलिए आप सीधे अपना अनुरोध लिख सकते हैं, जैसे "यह टेक्स्ट बड़ा करें" या "यह सेक्शन हटाएँ", यह बताए बिना कि वह कहाँ है।
- एक तत्व पर सटीक बदलाव के लिए यह तेज़ है। बड़े बदलावों के लिए, या उनके लिए जो कई हिस्सों को छूते हैं और लॉजिक व डेटा कनेक्शन माँगते हैं, सामान्य चैट बेहतर साधन है।
Preview
तत्व चुनें
स्माइल डेंटल क्लिनिकh1.hero-title
यह टेक्स्ट बड़ा करें
चरण 4
अपनी साइट अलग-अलग डिवाइस पर जाँचें
एक ही स्क्रीन से मोबाइल, टैबलेट और डेस्कटॉप व्यू के बीच स्विच करें।
- पूर्वावलोकन टूलबार से आप मोबाइल, टैबलेट और डेस्कटॉप आकारों के बीच स्विच कर सकते हैं, कोई दूसरा डिवाइस खोले बिना।
- इससे आप साइट प्रकाशित करने से पहले पक्का कर लेते हैं कि डिज़ाइन हर आकार पर काम करता है और साफ़ दिखता है।
- अगर Uttra ने आपके लिए मोबाइल ऐप बनाया है, तो आप QR कोड स्कैन करके Expo Go ऐप के ज़रिए उसे अपने असली फ़ोन पर आज़मा सकते हैं।
Preview
चरण 5
मुफ़्त Uttra डोमेन पर प्रकाशित करें
एक क्लिक, और किसी के साथ भी साझा करने के लिए तैयार लिंक, बिना किसी होस्टिंग सेटअप के।
- प्रोजेक्ट के ऊपर "प्रकाशित करें" बटन पर क्लिक करें, आपका प्रोजेक्ट "सार्वजनिक" हो जाता है, और आपको तुरंत एक सीधा लिंक मिल जाता है जिसे किसी के साथ भी साझा किया जा सकता है।
- लिंक your-app.uttra.io जैसे मुफ़्त सबडोमेन पर होता है, आपकी ओर से बिना किसी होस्टिंग सेटअप के।
- प्रकाशित साइटें आपके प्लान के संसाधनों (CPU, मेमोरी, स्टोरेज) पर चलती हैं, जो अपने आप बँट जाते हैं और असली ट्रैफ़िक के लिए तैयार रहते हैं, आपको सर्वर बनाने की ज़रूरत नहीं।
- अगर आप बदलाव के बाद फिर "प्रकाशित करें" दबाते हैं, तो नए संस्करण की पुष्टि होने तक आगंतुकों के लिए पिछला संस्करण लाइव रहता है; आपकी साइट अपडेट के बीच कभी बंद नहीं होती।
चैटकोडपूर्वावलोकन
प्रकाशित करें
प्रकाशित करेंइस प्रोजेक्ट को सबके लिए उपलब्ध बनाएँ
होस्टिंग
0.8 vCPU
प्रोसेसर
2.4 GB
मेमोरी
24 GB
स्टोरेज
डोमेन
हमारा सबडोमेन
clinic-smile.uttra.io
अपना डोमेन
अपना डोमेन लाएँ, हर प्लान के साथ मुफ़्त
प्रकाशित करें
चरण 6
अपना डोमेन जोड़ें
आपकी साइट आपके अपने डोमेन पर, हर प्लान के साथ मुफ़्त।
- "प्रकाशित करें" स्क्रीन से "अपना डोमेन" चुनें और अपना डोमेन लिखें, जैसे app.example.com।
- Uttra जो DNS रिकॉर्ड दिखाए उन्हें अपने डोमेन रजिस्ट्रार के कंट्रोल पैनल में जोड़ें, आमतौर पर सत्यापन के लिए एक TXT रिकॉर्ड और एक A रिकॉर्ड।
- "डोमेन सत्यापित करें" पर क्लिक करें। सेटिंग फैलते ही (इसमें थोड़ा समय लग सकता है) आपकी साइट सीधे आपके डोमेन पर लाइव हो जाती है।
| प्रकार | होस्ट | मूल्य |
|---|---|---|
| TXT | @ | uttra-verify=8a2f... |
| A | @ | 76.13.x.x |
सत्यापित: आपकी साइट आपके डोमेन पर लाइव है
चरण 7
GitHub जोड़ें और अपना कोड पुश करें
कोड की पूरी प्रति, आपकी अपनी रिपॉज़िटरी में।
- प्रोजेक्ट के अंदर "GitHub" टैब से, अपना खाता ऐसे Personal Access Token से जोड़ें जिसमें repo स्कोप हो।
- जोड़ने के बाद, जब चाहें अपना प्रोजेक्ट सीधे अपनी रिपॉज़िटरी में पुश कर दें।
- मौजूदा रिपॉज़िटरी आयात करना (pull) प्रोजेक्ट वातावरण के टर्मिनल से सामान्य git कमांड जैसे git clone और git pull के ज़रिए किया जा सकता है।
GitHub जोड़ें
clinic-smile-appपुश
चरण 8
अपना कोड डाउनलोड करें या टर्मिनल में खुद संपादित करें
कोड पूरी तरह आपका है, और कभी प्लेटफ़ॉर्म के अंदर बंद नहीं रहता।
- कोड पूरी तरह आपका है। आप इसे जब चाहें GitHub पर पुश कर सकते हैं, या प्रोजेक्ट में मौजूद टर्मिनल से सीधे डाउनलोड/कॉपी कर सकते हैं।
- टर्मिनल आपको एक असली डेवलपमेंट वातावरण देता है: फ़ाइलें खोलें और मैन्युअली बदलें, और अपने प्रोजेक्ट के लिए ज़रूरी कोई भी npm या सिस्टम पैकेज इंस्टॉल करें।
- यानी आप सिर्फ़ चैट तक सीमित नहीं हैं; आप जब चाहें उसी प्रोजेक्ट में पूरे डेवलपर की तरह काम कर सकते हैं।
zsh
$
$
खुद आज़माने के लिए तैयार हैं?
मुफ़्त · क्रेडिट कार्ड की ज़रूरत नहीं