Configurer Atlas — SaaS de gestion de location de voitures

Hébergement Hostinger

Le code d'Atlas est gratuit ; l'hébergement est un plan payant. Ton site en ligne tourne ici.

Choisis un plan Hostinger

Utilise le plan Unlimited ou un plan Cloud avec déploiement Web App.

Claude Desktop

Ton assistant IA pour la configuration. Claude fait le travail technique dans son onglet Code.

Télécharger Claude Desktop

https://claude.ai/download

Node.js

Version 20.19 ou plus récente. Claude s'occupe du reste.

Télécharger Node.js

https://nodejs.org/en/download

Git

Sert à publier ta copie d'Atlas. Claude exécute les commandes Git pour toi.

Télécharger Git

https://git-scm.com/

Compte Supabase

Le plan gratuit suffit pour commencer. Tu créeras un nouveau projet quand Claude te le demandera.

Créer un compte Supabase

https://supabase.com/dashboard

Compte GitHub

Gratuit. Il contient ta propre copie privée d'Atlas, à partir de laquelle Hostinger déploie.

Créer un compte GitHub

https://github.com/signup

Télécharger Atlas

Atlas est gratuit et open source sous licence MIT.

Ouvrir Atlas sur GitHub

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

Clique sur Code, puis sur Download ZIP Décompresse le fichier téléchargé Range le dossier atlas-car-rental-saas-main à un endroit facile à retrouver, comme Documents

Tu utilises déjà Git ? Tu peux plutôt cloner le dépôt. La configuration de Claude fonctionne dans les deux cas.

Ouvrir Atlas dans Claude Desktop

Claude Desktop Code Local Select Project Folder Open Trust Workspace

Choisis le dossier Atlas lui-même — celui qui contient README.md.

Demander à Claude de configurer Atlas

Dans l'onglet Code, avec le dossier Atlas ouvert, envoie ce message :

Prompt de configuration d'Atlas

Lance la configuration intégrée d'Atlas. Claude fait le travail technique pour toi.

Set up Atlas for me.

Claude suit la skill de configuration intégrée d'Atlas. Il vérifie ton ordinateur, installe ce dont Atlas a besoin et fait lui-même le travail technique. Il ne s'arrête que lorsqu'il a besoin de toi, et chacun de ces moments est une tâche de ce guide.

Créer ton projet Supabase

Claude te le demande en premier. Atlas s'installe toujours dans un nouveau projet vide.

Ouvrir le tableau de bord Supabase

https://supabase.com/dashboard

Clique sur New project — le plan Free suffit Donne-lui un nom et garde le mot de passe de la base de données en lieu sûr Quand il est prêt, copie son Project ID et colle-le dans Claude

Supabase Project Settings General

Si Claude te demande de te connecter à Supabase ou de connecter ton projet, suis exactement les instructions qu'il te donne.

Approuver l'installation

Claude affiche le nom, la région et la date de création de ton projet, et te demande l'autorisation d'y installer Atlas. Vérifie que c'est bien le projet que tu viens de créer, puis réponds yes. Ce seul yes couvre tout le reste :

Crée la base de données Atlas (54 migrations, d'abord prévisualisées)

Déploie et vérifie les 4 Edge Functions d'Atlas

Configure l'app avec ta publishable key uniquement

Lance le build et les vérifications automatiques d'Atlas

Cela prend quelques minutes, et tu n'as rien à ouvrir ni à tester. Si le projet n'est pas vide, Claude s'arrête et ne modifie rien.

Créer un dépôt privé vide

C'est ta propre copie d'Atlas sur GitHub. Hostinger déploie ton site à partir de celle-ci.

Créer un dépôt GitHub

https://github.com/new

Donne un nom au dépôt Choisis Private Laisse README, .gitignore et license désactivés Clique sur Create repository Copie l'URL du dépôt

Approuver la publication

Colle l'URL du dépôt dans Claude quand il te la demande. Claude prépare Git, vérifie qu'aucun secret n'est inclus et affiche un court résumé : ton dépôt et la branche main. Vérifie que le dépôt est bien le tien, puis réponds yes.

Claude ne fait jamais de push vers le dépôt Atlas d'origine. Si Git te demande de te connecter, Claude te demande de lancer le push toi-même — connecte-toi via le navigateur, car GitHub n'accepte pas le mot de passe de ton compte à cet endroit.

Importer ton dépôt

Pas encore d'hébergement ? Prends d'abord un plan dans Prérequis.

Hostinger Websites Add Website Web App Import Git Repository

Connecte GitHub et choisis Only select repositories Sélectionne ton dépôt Atlas et la branche main Choisis le domaine temporaire gratuit ou ton propre domaine

Régler le build et déployer

Garde le preset de framework Vite détecté par Hostinger Choisis Node.js 22, ou la version la plus récente proposée Définis la commande de build sur npm run build Définis le répertoire de sortie sur dist

Ajoute exactement ces deux variables d'environnement. Claude t'affiche les deux valeurs, et tu peux ignorer toute autre suggestion :

VITE_SUPABASE_URL VITE_SUPABASE_PUBLISHABLE_KEY

VITE_SUPABASE_URL

URL du projet

VITE_SUPABASE_PUBLISHABLE_KEY

Publishable key

Récupérez ces valeurs dans Supabase

Ouvrir Connect

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

Sécurité

Seule la Publishable key va ici. N'ajoute jamais une Secret key ou une clé service_role à une variable VITE_ — tout ce qui commence par VITE_ est visible dans le navigateur.

Clique sur Deploy et attends la fin du build Copie l'adresse de ton site et colle-la dans Claude

Claude vérifie que le site en ligne se charge en HTTPS et qu'il est connecté à ton projet Supabase.

Ajouter ton adresse en ligne à Supabase

Les e-mails d'inscription et de mot de passe renvoient vers ces adresses. Claude t'envoie la Site URL exacte et les quatre Redirect URLs pour ton domaine Hostinger — copie-les depuis le message de Claude.

Supabase Authentication URL Configuration

Définis la Site URL sur ton adresse en ligne, en commençant par https:// Ajoute les quatre Redirect URLs, une par une Clique sur Save, puis dis à Claude que c'est fait

Chaque Redirect URL est ton adresse en ligne suivie de l'un de ces chemins :

/auth/callback

/accept-invite

/auth/reset-password

/confirm-email

Créer ton agence

Ouvre le lien d'inscription que Claude te donne — ton adresse en ligne suivie de /sign-up Crée ton agence avec le même e-mail que ton compte Supabase Ouvre l'e-mail de confirmation dans le même navigateur Connecte-toi, puis préviens Claude quand le tableau de bord affiche ton agence

Pourquoi le même e-mail : l'e-mail intégré de Supabase n'atteint que les adresses de ton équipe Supabase, environ deux messages par heure. Claude confirme ensuite que ton agence existe avec toi comme Owner — tu n'as rien à tester.

Atlas est en ligne. Chaque push sur la branche main le redéploie désormais sur Hostinger : demande donc à Claude n'importe quel changement, y compris ton nom, ton logo ou tes couleurs, puis demande-lui de faire le push.

Avant les vrais clients

Connecte ton propre fournisseur d'e-mail (Custom SMTP) avant que des clients ou des employés extérieurs à ton équipe Supabase ne s'inscrivent :

Supabase Authentication Emails SMTP Settings