Configure o Atlas — SaaS de gestão de aluguel de carros

Hospedagem Hostinger

O código do Atlas é gratuito; a hospedagem é um plano pago. Seu site no ar roda aqui.

Escolha um plano da Hostinger

Use o plano Unlimited ou um plano Cloud com implantação de Web App.

Claude Desktop

Seu assistente de IA para a configuração. O Claude faz o trabalho técnico na aba Code.

Baixar o Claude Desktop

https://claude.ai/download

Node.js

Versão 20.19 ou mais recente. O Claude cuida do resto.

Baixar Node.js

https://nodejs.org/en/download

Git

Usado para publicar sua cópia do Atlas. O Claude executa os comandos do Git para você.

Baixar o Git

https://git-scm.com/

Conta no Supabase

O plano gratuito basta para começar. Você vai criar um novo projeto quando o Claude pedir.

Criar conta no Supabase

https://supabase.com/dashboard

Conta no GitHub

Gratuita. Ela guarda sua própria cópia privada do Atlas, de onde a Hostinger faz a implantação.

Criar conta no GitHub

https://github.com/signup

Baixar o Atlas

O Atlas é gratuito e de código aberto sob a licença MIT.

Abrir o Atlas no GitHub

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

Clique em Code e depois em Download ZIP Descompacte o arquivo baixado Guarde a pasta atlas-car-rental-saas-main em um lugar fácil de encontrar, como Documentos

Já usa Git? Você pode clonar o repositório em vez disso. A configuração do Claude funciona com as duas opções.

Abra o Atlas no Claude Desktop

Claude Desktop Code Local Select Project Folder Open Trust Workspace

Escolha a própria pasta do Atlas — a que tem o README.md dentro.

Peça ao Claude para configurar o Atlas

Na aba Code, com a pasta do Atlas aberta, envie esta mensagem:

Prompt de configuração do Atlas

Inicia a configuração integrada do Atlas. O Claude faz o trabalho técnico para você.

Set up Atlas for me.

O Claude segue a skill de configuração integrada do Atlas. Ele verifica seu computador, instala o que o Atlas precisa e faz o trabalho técnico sozinho. Ele só para quando precisa de você, e cada um desses momentos é uma tarefa deste guia.

Crie seu projeto no Supabase

O Claude pede isso primeiro. O Atlas sempre vai para um projeto novo e vazio.

Abrir o painel do Supabase

https://supabase.com/dashboard

Clique em New project — o plano Free é suficiente Dê um nome a ele e guarde a senha do banco de dados em um lugar seguro Quando estiver pronto, copie o Project ID e cole no Claude

Supabase Project Settings General

Se o Claude pedir para você entrar no Supabase ou conectar seu projeto, siga exatamente as instruções que ele der.

Aprove a instalação

O Claude mostra o nome, a região e a data de criação do seu projeto e pede para instalar o Atlas nele. Confira se é o projeto que você acabou de criar e responda yes. Esse único yes cobre todo o resto:

Cria o banco de dados do Atlas (54 migrações, com prévia antes)

Implanta e verifica as 4 Edge Functions do Atlas

Configura o app apenas com sua publishable key

Executa o build e as verificações automáticas do Atlas

Leva alguns minutos, e você não precisa abrir nem testar nada. Se o projeto não estiver vazio, o Claude para e não altera nada.

Crie um repositório privado vazio

Esta é sua própria cópia do Atlas no GitHub. A Hostinger implanta seu site a partir dela.

Criar repositório no GitHub

https://github.com/new

Dê um nome ao repositório Escolha Private Deixe README, .gitignore e license desativados Clique em Create repository Copie a URL do repositório

Aprove a publicação

Cole a URL do repositório no Claude quando ele pedir. O Claude prepara o Git, verifica que nenhum segredo foi incluído e mostra um breve resumo: seu repositório e a branch main. Confira se o repositório é seu e responda yes.

O Claude nunca faz push para o repositório original do Atlas. Se o Git pedir para você entrar, o Claude pede que você mesmo execute o push — entre pelo navegador, porque o GitHub não aceita a senha da sua conta ali.

Importe seu repositório

Ainda não tem hospedagem? Escolha um plano primeiro em Pré-requisitos.

Hostinger Websites Add Website Web App Import Git Repository

Conecte o GitHub e escolha Only select repositories Selecione seu repositório do Atlas e a branch main Escolha o domínio temporário gratuito ou seu próprio domínio

Configure o build e implante

Mantenha o preset de framework Vite que a Hostinger detecta Escolha Node.js 22 ou a versão mais recente oferecida Defina o comando de build como npm run build Defina o diretório de saída como dist

Adicione exatamente estas duas variáveis de ambiente. O Claude mostra os dois valores, e você pode ignorar qualquer outra sugestão:

VITE_SUPABASE_URL VITE_SUPABASE_PUBLISHABLE_KEY

VITE_SUPABASE_URL

URL do projeto

VITE_SUPABASE_PUBLISHABLE_KEY

Publishable key

Obtenha esses valores no Supabase

Abrir o Connect

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

Segurança

Aqui vai apenas a Publishable key. Nunca adicione uma Secret key ou uma chave service_role a uma variável VITE_ — tudo que começa com VITE_ fica visível no navegador.

Clique em Deploy e espere o build terminar Copie o endereço do seu site e cole no Claude

O Claude verifica se o site no ar carrega por HTTPS e está conectado ao seu projeto do Supabase.

Adicione seu endereço no ar ao Supabase

Os e-mails de cadastro e de senha apontam para esses endereços. O Claude envia a Site URL exata e as quatro Redirect URLs para o seu domínio da Hostinger — copie-as da mensagem do Claude.

Supabase Authentication URL Configuration

Defina a Site URL como seu endereço no ar, começando com https:// Adicione as quatro Redirect URLs, uma de cada vez Clique em Save e depois avise o Claude que terminou

Cada Redirect URL é o seu endereço no ar seguido de um destes caminhos:

/auth/callback

/accept-invite

/auth/reset-password

/confirm-email

Crie sua agência

Abra o link de cadastro que o Claude te passar — seu endereço no ar seguido de /sign-up Crie sua agência com o mesmo e-mail da sua conta no Supabase Abra o e-mail de confirmação no mesmo navegador Entre e avise o Claude quando o painel mostrar sua agência

Por que o mesmo e-mail: o e-mail integrado do Supabase só chega aos endereços da sua equipe no Supabase, cerca de duas mensagens por hora. Depois, o Claude confirma que sua agência existe com você como Owner — não há nada para você testar.

O Atlas está no ar. Cada push na branch main agora o reimplanta na Hostinger, então peça ao Claude qualquer mudança, incluindo seu nome, logo ou cores, e depois peça para ele fazer o push.

Antes de clientes reais

Conecte seu próprio provedor de e-mail (Custom SMTP) antes que clientes ou funcionários de fora da sua equipe no Supabase se cadastrem:

Supabase Authentication Emails SMTP Settings