Atlas सेट अप करें — कार रेंटल मैनेजमेंट SaaS

Hostinger होस्टिंग

Atlas का कोड मुफ़्त है; होस्टिंग एक पेड प्लान है। आपकी लाइव वेबसाइट यहीं चलती है।

Hostinger प्लान चुनें

Unlimited प्लान या Web App डिप्लॉयमेंट वाला Cloud प्लान इस्तेमाल करें।

Claude Desktop

सेटअप के लिए आपका AI असिस्टेंट। Claude तकनीकी काम अपने Code टैब में करता है।

Claude Desktop डाउनलोड करें

https://claude.ai/download

Node.js

वर्ज़न 20.19 या नया। बाकी Claude संभाल लेता है।

Node.js डाउनलोड करें

https://nodejs.org/en/download

Git

Atlas की आपकी कॉपी प्रकाशित करने के लिए। Git कमांड Claude आपके लिए चलाता है।

Git डाउनलोड करें

https://git-scm.com/

Supabase अकाउंट

शुरू करने के लिए फ़्री प्लान काफ़ी है। Claude के कहने पर आप एक नया प्रोजेक्ट बनाएँगे।

Supabase अकाउंट बनाएँ

https://supabase.com/dashboard

GitHub अकाउंट

मुफ़्त। इसमें Atlas की आपकी अपनी प्राइवेट कॉपी रहती है, जिससे Hostinger डिप्लॉय करता है।

GitHub अकाउंट बनाएँ

https://github.com/signup

Atlas डाउनलोड करें

Atlas MIT License के तहत मुफ़्त और ओपन सोर्स है।

GitHub पर Atlas खोलें

https://github.com/salhiworks/atlas-car-rental-saas

Code पर क्लिक करें, फिर Download ZIP पर डाउनलोड की गई फ़ाइल अनज़िप करें atlas-car-rental-saas-main फ़ोल्डर किसी आसानी से मिलने वाली जगह रखें, जैसे Documents

पहले से Git इस्तेमाल करते हैं? आप इसके बजाय रिपॉज़िटरी क्लोन कर सकते हैं। Claude का सेटअप दोनों तरीकों से काम करता है।

Claude Desktop में Atlas खोलें

Claude Desktop Code Local Select Project Folder Open Trust Workspace

Atlas फ़ोल्डर ही चुनें — वही जिसके अंदर README.md है।

Claude से Atlas सेट अप करवाएँ

Code टैब में, Atlas फ़ोल्डर खुला रखकर, यह संदेश भेजें:

Atlas सेटअप प्रॉम्प्ट

Atlas का बिल्ट-इन सेटअप शुरू करता है। तकनीकी काम Claude आपके लिए करता है।

Set up Atlas for me.

Claude, Atlas की बिल्ट-इन सेटअप स्किल का पालन करता है। यह आपका कंप्यूटर जाँचता है, Atlas के लिए ज़रूरी चीज़ें इंस्टॉल करता है, और तकनीकी काम खुद करता है। यह सिर्फ़ तभी रुकता है जब इसे आपकी ज़रूरत हो, और ऐसा हर पल इस गाइड में एक टास्क है।

अपना Supabase प्रोजेक्ट बनाएँ

Claude सबसे पहले यही माँगता है। Atlas हमेशा एक नए, खाली प्रोजेक्ट में जाता है।

Supabase डैशबोर्ड खोलें

https://supabase.com/dashboard

New project पर क्लिक करें — Free प्लान ठीक है इसे नाम दें और डेटाबेस पासवर्ड किसी सुरक्षित जगह सेव करें तैयार होने पर, इसका Project ID कॉपी करें और Claude में पेस्ट करें

Supabase Project Settings General

अगर Claude आपसे Supabase में साइन इन करने या अपना प्रोजेक्ट कनेक्ट करने को कहे, तो उसके दिए गए निर्देशों का ठीक-ठीक पालन करें।

इंस्टॉल को मंज़ूरी दें

Claude आपके प्रोजेक्ट का नाम, रीजन और बनने की तारीख दिखाता है और उसमें Atlas इंस्टॉल करने की अनुमति माँगता है। जाँचें कि यह वही प्रोजेक्ट है जो आपने अभी बनाया है, फिर yes लिखकर जवाब दें। वही एक yes बाकी सब कवर करता है:

Atlas डेटाबेस बनाता है (54 माइग्रेशन, पहले प्रीव्यू के साथ)

Atlas की 4 Edge Functions डिप्लॉय और वेरिफ़ाई करता है

ऐप को सिर्फ़ आपकी publishable key से कॉन्फ़िगर करता है

Atlas का ऑटोमेटेड बिल्ड और जाँच चलाता है

इसमें कुछ मिनट लगते हैं, और आपको कुछ खोलना या टेस्ट नहीं करना है। अगर प्रोजेक्ट खाली नहीं है, तो Claude रुक जाता है और कुछ नहीं बदलता।

एक खाली प्राइवेट रिपॉज़िटरी बनाएँ

यह GitHub पर Atlas की आपकी अपनी कॉपी है। Hostinger आपकी वेबसाइट इसी से डिप्लॉय करता है।

GitHub रिपॉज़िटरी बनाएँ

https://github.com/new

रिपॉज़िटरी को नाम दें Private चुनें README, .gitignore और license बंद ही रहने दें Create repository पर क्लिक करें Repository URL कॉपी करें

पब्लिश को मंज़ूरी दें

Claude के माँगने पर रिपॉज़िटरी URL उसमें पेस्ट करें। Claude Git तैयार करता है, जाँचता है कि कोई सीक्रेट शामिल न हो, और एक छोटा सारांश दिखाता है: आपकी रिपॉज़िटरी और main ब्रांच। जाँचें कि रिपॉज़िटरी आपकी ही है, फिर yes लिखकर जवाब दें।

Claude कभी भी मूल Atlas रिपॉज़िटरी में push नहीं करता। अगर Git आपसे साइन इन करने को कहे, तो Claude आपसे push खुद चलाने को कहता है — ब्राउज़र से साइन इन करें, क्योंकि GitHub वहाँ आपके अकाउंट का पासवर्ड स्वीकार नहीं करता।

अपनी रिपॉज़िटरी इंपोर्ट करें

अभी होस्टिंग नहीं है? पहले आवश्यकताएँ में एक प्लान लें।

Hostinger Websites Add Website Web App Import Git Repository

GitHub कनेक्ट करें और Only select repositories चुनें अपनी Atlas रिपॉज़िटरी और main ब्रांच चुनें मुफ़्त अस्थायी डोमेन या अपना खुद का डोमेन चुनें

बिल्ड सेट करें और डिप्लॉय करें

Hostinger जो Vite फ़्रेमवर्क प्रीसेट पहचानता है, उसे ही रखें Node.js 22 चुनें, या उपलब्ध सबसे नया वर्ज़न बिल्ड कमांड npm run build सेट करें आउटपुट डायरेक्टरी dist सेट करें

ठीक ये दो एनवायरनमेंट वेरिएबल जोड़ें। Claude आपको दोनों मान दिखाता है, और आप बाकी किसी भी सुझाव को अनदेखा कर सकते हैं:

VITE_SUPABASE_URL VITE_SUPABASE_PUBLISHABLE_KEY

VITE_SUPABASE_URL

प्रोजेक्ट URL

VITE_SUPABASE_PUBLISHABLE_KEY

Publishable key

ये मान Supabase से लें

Connect खोलें

https://supabase.com/dashboard/project/_?showConnect=true

सुरक्षा

यहाँ सिर्फ़ Publishable key जाती है। किसी VITE_ वेरिएबल में कभी Secret या service_role key न जोड़ें — VITE_ से शुरू होने वाली हर चीज़ ब्राउज़र में दिखती है।

Deploy पर क्लिक करें और बिल्ड पूरा होने का इंतज़ार करें अपनी वेबसाइट का पता कॉपी करें और Claude में पेस्ट करें

Claude जाँचता है कि लाइव वेबसाइट HTTPS पर लोड होती है और आपके Supabase प्रोजेक्ट से जुड़ी है।

अपना लाइव पता Supabase में जोड़ें

साइन-अप और पासवर्ड ईमेल इन्हीं पतों पर ले जाते हैं। Claude आपके Hostinger डोमेन के लिए सटीक Site URL और चार Redirect URLs भेजता है — उन्हें Claude के संदेश से कॉपी करें।

Supabase Authentication URL Configuration

Site URL को अपने लाइव पते पर सेट करें, जो https:// से शुरू हो चारों Redirect URLs एक-एक करके जोड़ें Save पर क्लिक करें, फिर Claude को बताएँ कि हो गया

हर Redirect URL आपका लाइव पता है, जिसके बाद इनमें से एक पाथ आता है:

/auth/callback

/accept-invite

/auth/reset-password

/confirm-email

अपनी एजेंसी बनाएँ

Claude का दिया साइन-अप लिंक खोलें — आपका लाइव पता और उसके बाद /sign-up अपनी एजेंसी उसी ईमेल से बनाएँ जो आपके Supabase अकाउंट का है पुष्टि वाला ईमेल उसी ब्राउज़र में खोलें साइन इन करें, फिर जब डैशबोर्ड पर आपकी एजेंसी दिखे तो Claude को बताएँ

वही ईमेल क्यों: Supabase का बिल्ट-इन ईमेल सिर्फ़ आपकी Supabase टीम के पतों तक पहुँचता है, लगभग दो संदेश प्रति घंटा। फिर Claude पुष्टि करता है कि आपकी एजेंसी मौजूद है और आप उसके Owner हैं — आपको कुछ टेस्ट नहीं करना है।

Atlas लाइव है। अब main ब्रांच पर हर push इसे Hostinger पर दोबारा डिप्लॉय करता है, इसलिए Claude से कोई भी बदलाव माँगें, जैसे अपना नाम, लोगो या रंग, फिर उससे push करने को कहें।

असली ग्राहकों से पहले

आपकी Supabase टीम के बाहर के ग्राहकों या स्टाफ़ के साइन अप करने से पहले अपना ईमेल प्रोवाइडर (Custom SMTP) कनेक्ट करें:

Supabase Authentication Emails SMTP Settings