Atlas'ı Kurun — Araç Kiralama Yönetimi SaaS

Hostinger barındırma

Atlas'ın kodu ücretsizdir; hosting ise ücretli bir pakettir. Canlı web siteniz burada çalışır.

Bir Hostinger Paketi Seçin

Unlimited paketini ya da Web App dağıtımı sunan bir Cloud paketini kullanın.

Claude Desktop

Kurulum için yapay zekâ asistanınız. Claude teknik işleri Code sekmesinde yapar.

Claude Desktop'ı İndirin

https://claude.ai/download

Node.js

Sürüm 20.19 veya daha yenisi. Gerisini Claude halleder.

Node.js'i İndirin

https://nodejs.org/en/download

Git

Atlas kopyanızı yayınlamak için kullanılır. Git komutlarını Claude sizin için çalıştırır.

Git'i İndirin

https://git-scm.com/

Supabase hesabı

Başlamak için ücretsiz paket yeterli. Claude istediğinde yeni bir proje oluşturacaksınız.

Supabase Hesabı Oluşturun

https://supabase.com/dashboard

GitHub hesabı

Ücretsiz. Atlas'ın size ait özel kopyası burada durur ve Hostinger dağıtımı buradan yapar.

GitHub Hesabı Oluşturun

https://github.com/signup

Atlas'ı İndirin

Atlas, MIT Lisansı altında ücretsiz ve açık kaynaktır.

Atlas'ı GitHub'da Açın

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

Code'a, ardından Download ZIP'e tıklayın İndirilen dosyayı zip'ten çıkarın atlas-car-rental-saas-main klasörünü kolay bulacağınız bir yerde, örneğin Belgeler'de tutun

Zaten Git kullanıyor musunuz? Bunun yerine depoyu klonlayabilirsiniz. Claude'un kurulumu ikisiyle de çalışır.

Atlas'ı Claude Desktop'ta Açın

Claude Desktop Code Local Select Project Folder Open Trust Workspace

Atlas klasörünün kendisini seçin — içinde README.md olanı.

Claude'dan Atlas'ı Kurmasını İsteyin

Atlas klasörü açıkken Code sekmesinde şu mesajı gönderin:

Atlas Kurulum Prompt'u

Atlas'ın yerleşik kurulumunu başlatır. Teknik işleri Claude sizin için yapar.

Set up Atlas for me.

Claude, Atlas'ın yerleşik kurulum skill'ini izler. Bilgisayarınızı kontrol eder, Atlas'ın ihtiyaç duyduklarını kurar ve teknik işleri kendisi yapar. Yalnızca size ihtiyaç duyduğunda durur ve bu anların her biri bu rehberde bir görevdir.

Supabase Projenizi Oluşturun

Claude önce bunu ister. Atlas her zaman yeni ve boş bir projeye kurulur.

Supabase Dashboard'u Açın

https://supabase.com/dashboard

New project'e tıklayın — Free paketi yeterli Bir ad verin ve veritabanı şifresini güvenli bir yere kaydedin Proje hazır olduğunda Project ID'sini kopyalayıp Claude'a yapıştırın

Supabase Project Settings General

Claude sizden Supabase'e giriş yapmanızı veya projenizi bağlamanızı isterse, verdiği talimatları aynen uygulayın.

Kurulumu Onaylayın

Claude projenizin adını, bölgesini ve oluşturulma tarihini gösterir ve Atlas'ı oraya kurmak için izin ister. Az önce oluşturduğunuz proje olduğundan emin olun, ardından yes yanıtını verin. Bu tek yes gerisini kapsar:

Atlas veritabanını oluşturur (54 migration, önce önizlenir)

Atlas'ın 4 Edge Functions'ını dağıtır ve doğrular

Uygulamayı yalnızca publishable key'inizle yapılandırır

Atlas'ın otomatik build'ini ve kontrollerini çalıştırır

Birkaç dakika sürer ve sizin açmanız ya da test etmeniz gereken bir şey yoktur. Proje boş değilse Claude durur ve hiçbir şeyi değiştirmez.

Boş Bir Private Depo Oluşturun

Bu, Atlas'ın GitHub'daki size ait kopyasıdır. Hostinger web sitenizi buradan dağıtır.

GitHub Deposu Oluşturun

https://github.com/new

Depoya bir ad verin Private'ı seçin README, .gitignore ve license seçeneklerini kapalı bırakın Create repository'ye tıklayın Depo URL'sini kopyalayın

Yayınlamayı Onaylayın

Claude istediğinde depo URL'sini Claude'a yapıştırın. Claude Git'i hazırlar, gizli bilgilerin dahil edilmediğini kontrol eder ve kısa bir özet gösterir: deponuz ve main dalı. Deponun size ait olduğundan emin olun, ardından yes yanıtını verin.

Claude asla orijinal Atlas deposuna push yapmaz. Git sizden giriş yapmanızı isterse Claude push'u sizin çalıştırmanızı ister — girişi tarayıcı üzerinden yapın, çünkü GitHub orada hesap şifrenizi kabul etmez.

Deponuzu İçe Aktarın

Henüz hosting'iniz yok mu? Önce Gereksinimler bölümünden bir paket edinin.

Hostinger Websites Add Website Web App Import Git Repository

GitHub'ı bağlayın ve Only select repositories'i seçin Atlas deponuzu ve main dalını seçin Ücretsiz geçici alan adını ya da kendi alan adınızı seçin

Build'i Ayarlayın ve Dağıtın

Hostinger'ın algıladığı Vite framework ön ayarını koruyun Node.js 22'yi ya da sunulan en yeni sürümü seçin Build komutunu npm run build olarak ayarlayın Çıktı dizinini dist olarak ayarlayın

Tam olarak şu iki ortam değişkenini ekleyin. Claude size iki değeri de gösterir; diğer önerileri yok sayabilirsiniz:

VITE_SUPABASE_URL VITE_SUPABASE_PUBLISHABLE_KEY

VITE_SUPABASE_URL

Proje URL'si

VITE_SUPABASE_PUBLISHABLE_KEY

Publishable key

Bu değerleri Supabase'den alın

Connect'i açın

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

Güvenlik

Buraya yalnızca Publishable key girilir. Bir VITE_ değişkenine asla Secret ya da service_role key eklemeyin — VITE_ ile başlayan her şey tarayıcıda görünür.

Deploy'a tıklayın ve build'in bitmesini bekleyin Web sitenizin adresini kopyalayıp Claude'a yapıştırın

Claude, canlı web sitesinin HTTPS üzerinden yüklendiğini ve Supabase projenize bağlı olduğunu kontrol eder.

Canlı Adresinizi Supabase'e Ekleyin

Kayıt ve şifre e-postaları bu adreslere bağlantı verir. Claude, Hostinger alan adınız için tam Site URL'yi ve dört Redirect URLs'i gönderir — bunları Claude'un mesajından kopyalayın.

Supabase Authentication URL Configuration

Site URL'yi https:// ile başlayan canlı adresiniz olarak ayarlayın Dört Redirect URLs'i tek tek ekleyin Save'e tıklayın, ardından Claude'a işin bittiğini söyleyin

Her Redirect URL, canlı adresinizin sonuna şu yollardan biri eklenerek oluşur:

/auth/callback

/accept-invite

/auth/reset-password

/confirm-email

Acentenizi Oluşturun

Claude'un verdiği kayıt bağlantısını açın — canlı adresinizin sonuna /sign-up eklenmiş hâli Acentenizi Supabase hesabınızla aynı e-posta adresiyle oluşturun Onay e-postasını aynı tarayıcıda açın Giriş yapın, ardından dashboard acentenizi gösterdiğinde Claude'a haber verin

Neden aynı e-posta: Supabase'in yerleşik e-postası yalnızca Supabase ekibinizin adreslerine ulaşır, saatte yaklaşık iki mesaj. Ardından Claude, acentenizin Owner olarak sizinle birlikte var olduğunu doğrular — sizin test etmeniz gereken bir şey yoktur.

Atlas yayında. Artık main dalına yapılan her push onu Hostinger'da yeniden dağıtır; bu yüzden kendi adınız, logonuz veya renkleriniz dahil her değişikliği Claude'dan isteyin, ardından push yapmasını isteyin.

Gerçek müşterilerden önce

Supabase ekibiniz dışındaki müşteriler veya çalışanlar kaydolmadan önce kendi e-posta sağlayıcınızı (Custom SMTP) bağlayın:

Supabase Authentication Emails SMTP Settings