Atlas einrichten — SaaS für Autovermietungen

Hostinger-Hosting

Der Code von Atlas ist kostenlos, das Hosting ist ein kostenpflichtiger Tarif. Hier läuft deine Live-Website.

Wähle einen Hostinger-Tarif

Nutze den Unlimited-Tarif oder einen Cloud-Tarif mit Web-App-Deployment.

Claude Desktop

Dein KI-Assistent für die Einrichtung. Claude erledigt die technische Arbeit im Tab Code.

Claude Desktop herunterladen

https://claude.ai/download

Node.js

Version 20.19 oder neuer. Um den Rest kümmert sich Claude.

Node.js herunterladen

https://nodejs.org/en/download

Git

Damit veröffentlichst du deine Kopie von Atlas. Claude führt die Git-Befehle für dich aus.

Git herunterladen

https://git-scm.com/

Supabase-Konto

Für den Start reicht der kostenlose Tarif. Ein neues Projekt erstellst du, wenn Claude danach fragt.

Supabase-Konto erstellen

https://supabase.com/dashboard

GitHub-Konto

Kostenlos. Dort liegt deine eigene private Kopie von Atlas, von der Hostinger bereitstellt.

GitHub-Konto erstellen

https://github.com/signup

Atlas herunterladen

Atlas ist kostenlos und Open Source unter der MIT-Lizenz.

Atlas auf GitHub öffnen

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

Klicke auf Code und dann auf Download ZIP Entpacke die heruntergeladene Datei Lege den Ordner atlas-car-rental-saas-main an einem leicht auffindbaren Ort ab, zum Beispiel unter Dokumente

Du nutzt schon Git? Dann kannst du das Repository stattdessen klonen. Claudes Einrichtung funktioniert mit beidem.

Atlas in Claude Desktop öffnen

Claude Desktop Code Local Select Project Folder Open Trust Workspace

Wähle den Atlas-Ordner selbst — den, in dem README.md liegt.

Bitte Claude, Atlas einzurichten

Sende im Tab Code bei geöffnetem Atlas-Ordner diese Nachricht:

Prompt für die Atlas-Einrichtung

Startet die integrierte Einrichtung von Atlas. Claude erledigt die technische Arbeit für dich.

Set up Atlas for me.

Claude folgt dem integrierten Einrichtungs-Skill von Atlas. Es prüft deinen Computer, installiert, was Atlas braucht, und erledigt die technische Arbeit selbst. Es hält nur an, wenn es dich braucht, und jeder dieser Momente ist eine Aufgabe in diesem Guide.

Erstelle dein Supabase-Projekt

Danach fragt Claude zuerst. Atlas kommt immer in ein neues, leeres Projekt.

Supabase-Dashboard öffnen

https://supabase.com/dashboard

Klicke auf New project — der Free-Tarif reicht Gib ihm einen Namen und bewahre das Datenbankpasswort sicher auf Kopiere die Project ID, sobald das Projekt bereit ist, und füge sie in Claude ein

Supabase Project Settings General

Wenn Claude dich bittet, dich bei Supabase anzumelden oder dein Projekt zu verbinden, folge genau seinen Anweisungen.

Installation bestätigen

Claude zeigt Name, Region und Erstellungsdatum deines Projekts und fragt, ob es Atlas dort installieren darf. Prüfe, dass es das gerade erstellte Projekt ist, und antworte dann mit yes. Dieses eine yes deckt den Rest ab:

Erstellt die Atlas-Datenbank (54 Migrationen, vorher als Vorschau gezeigt)

Stellt die 4 Edge Functions von Atlas bereit und prüft sie

Konfiguriert die App nur mit deinem Publishable key

Führt den automatischen Build und die Prüfungen von Atlas aus

Das dauert ein paar Minuten, und du musst nichts öffnen oder testen. Ist das Projekt nicht leer, hält Claude an und ändert nichts.

Erstelle ein leeres privates Repository

Das ist deine eigene Kopie von Atlas auf GitHub. Hostinger stellt deine Website daraus bereit.

GitHub-Repository erstellen

https://github.com/new

Gib dem Repository einen Namen Wähle Private Lass README, .gitignore und license ausgeschaltet Klicke auf Create repository Kopiere die Repository-URL

Veröffentlichung bestätigen

Füge die Repository-URL in Claude ein, wenn es danach fragt. Claude bereitet Git vor, prüft, dass keine Geheimnisse enthalten sind, und zeigt eine kurze Zusammenfassung: dein Repository und den main-Branch. Prüfe, dass das Repository dir gehört, und antworte dann mit yes.

Claude pusht nie in das ursprüngliche Atlas-Repository. Wenn Git eine Anmeldung verlangt, bittet Claude dich, den Push selbst auszuführen — melde dich dann über den Browser an, denn GitHub akzeptiert dort nicht dein Kontopasswort.

Importiere dein Repository

Noch kein Hosting? Hol dir zuerst einen Tarif unter Voraussetzungen.

Hostinger Websites Add Website Web App Import Git Repository

Verbinde GitHub und wähle Only select repositories Wähle dein Atlas-Repository und den main-Branch Wähle die kostenlose temporäre Domain oder deine eigene Domain

Build einstellen und bereitstellen

Behalte das Framework-Preset Vite bei, das Hostinger erkennt Wähle Node.js 22 oder die neueste angebotene Version Setze den Build-Befehl auf npm run build Setze das Ausgabeverzeichnis auf dist

Füge genau diese zwei Umgebungsvariablen hinzu. Claude zeigt dir beide Werte, alle anderen Vorschläge kannst du ignorieren:

VITE_SUPABASE_URL VITE_SUPABASE_PUBLISHABLE_KEY

VITE_SUPABASE_URL

Projekt-URL

VITE_SUPABASE_PUBLISHABLE_KEY

Publishable key

Diese Werte findest du in Supabase

Öffne Connect

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

Sicherheit

Hier gehört nur der Publishable key hin. Füge niemals einen Secret- oder service_role-Key in eine VITE_-Variable ein — alles, was mit VITE_ beginnt, ist im Browser sichtbar.

Klicke auf Deploy und warte, bis der Build fertig ist Kopiere die Adresse deiner Website und füge sie in Claude ein

Claude prüft, dass die Live-Website über HTTPS lädt und mit deinem Supabase-Projekt verbunden ist.

Trage deine Live-Adresse in Supabase ein

Registrierungs- und Passwort-E-Mails verlinken auf diese Adressen. Claude schickt dir die genaue Site URL und vier Redirect URLs für deine Hostinger-Domain — kopiere sie aus Claudes Nachricht.

Supabase Authentication URL Configuration

Setze die Site URL auf deine Live-Adresse, beginnend mit https:// Füge die vier Redirect URLs einzeln hinzu Klicke auf Save und sag Claude dann, dass es erledigt ist

Jede Redirect URL ist deine Live-Adresse, gefolgt von einem dieser Pfade:

/auth/callback

/accept-invite

/auth/reset-password

/confirm-email

Erstelle deine Agentur

Öffne den Registrierungslink, den Claude dir gibt — deine Live-Adresse, gefolgt von /sign-up Erstelle deine Agentur mit derselben E-Mail-Adresse wie dein Supabase-Konto Öffne die Bestätigungs-E-Mail im selben Browser Melde dich an und sag Claude Bescheid, sobald das Dashboard deine Agentur zeigt

Warum dieselbe E-Mail-Adresse: Der integrierte E-Mail-Versand von Supabase erreicht nur die Adressen deines Supabase-Teams, etwa zwei Nachrichten pro Stunde. Claude bestätigt dann, dass deine Agentur mit dir als Owner existiert — du musst nichts testen.

Atlas ist live. Jeder Push in den main-Branch stellt es jetzt neu auf Hostinger bereit. Bitte Claude also um jede Änderung, auch um deinen eigenen Namen, dein Logo oder deine Farben, und dann um den Push.

Vor echten Kunden

Verbinde deinen eigenen E-Mail-Anbieter (Custom SMTP), bevor sich Kunden oder Mitarbeitende außerhalb deines Supabase-Teams registrieren:

Supabase Authentication Emails SMTP Settings