Como criar um app com o Lovable e hospedar no Brasil

Introdução

O Lovable é uma plataforma de desenvolvimento com inteligência artificial que gera aplicações web completas a partir de uma descrição em linguagem natural. Você descreve o que quer — uma landing page, um dashboard, um formulário — e o Lovable escreve o código React por você.

O resultado é um projeto frontend real, com componentes, estilos e lógica. O problema é que, na hora do deploy, a plataforma te empurra para as opções de sempre: Vercel ou Netlify, com servidores nos Estados Unidos e cobrança em dólar.

Existe uma saída melhor. Neste tutorial, você vai criar um app com o Lovable, exportar o código para o GitHub e hospedar no Trapiche Cloud — servidores em São Paulo, plano gratuito, cobrança em reais.

O que é o Lovable

O Lovable é um editor de aplicações baseado em IA. Você escreve prompts como “crie uma landing page para um serviço de delivery” e a plataforma gera um projeto React com Vite e componentes prontos.

O código gerado é seu. O Lovable permite exportar o projeto para um repositório GitHub, e a partir daí você pode fazer o que quiser com ele — incluindo hospedar onde preferir.

Pré-requisitos

Antes de começar, você vai precisar de:

• Uma conta no Lovable (plano gratuito disponível)
• Uma conta no GitHub
• Uma conta no Trapiche Cloud (plano gratuito, login com GitHub)

Passo 1: Criar o app no Lovable

Acesse lovable.dev e faça login. Na tela inicial, clique em “Start building” e descreva o que você quer criar.

Por exemplo:

“Crie uma landing page para um SaaS de gestão financeira. Inclua uma seção de hero com CTA, uma seção de features com ícones e uma seção de preços com três planos.”

O Lovable vai gerar o projeto em alguns segundos. Você pode refinar com prompts adicionais:

“Adicione um formulário de contato no rodapé.”

“Mude as cores primárias para azul escuro.”

Continue até o resultado estar do jeito que você quer. Não tem pressa — cada prompt ajusta o código em tempo real e você vê o resultado imediatamente no preview.

Passo 2: Conectar ao GitHub

Quando o app estiver pronto, é hora de exportar o código para o GitHub.

No editor do Lovable, clique no ícone do GitHub no canto superior direito e selecione “Connect to GitHub”. Autorize o acesso à sua conta.

Depois, clique em “Push to GitHub” e defina o nome do repositório. O Lovable vai criar o repositório na sua conta e fazer o push de todo o código.

Pronto. O repositório agora é seu — público ou privado, como você preferir.

Passo 3: Verificar o projeto

Antes de fazer o deploy, vale confirmar que o projeto está no formato esperado. O Lovable gera projetos com Vite, então o build vai produzir uma pasta dist/.

Se quiser rodar localmente para confirmar:

git clone https://github.com/seu-usuario/seu-repositorio.git
cd seu-repositorio
npm install
npm run build

Se a pasta dist/ aparecer com um index.html dentro, o projeto está pronto para deploy.

Nota: Você não precisa rodar o projeto localmente para fazer o deploy no Trapiche. Esta etapa é opcional.

Passo 4: Fazer deploy no Trapiche

Acesse dashboard.trapiche.cloud e faça login com sua conta GitHub. Na primeira vez, a Trapiche vai pedir permissão para acessar seus repositórios.

No dashboard, clique em “Novo Deploy” e selecione o repositório que o Lovable criou. Escolha a branch main e confirme.

A Trapiche detecta automaticamente que o projeto usa Vite e configura o build:

Tipo de projeto	Build command	Output dir
Vite (gerado pelo Lovable)	npm run build	dist

Você não precisa configurar nada. A detecção é automática.

Passo 5: Acompanhar o build

A página do deployment mostra os logs em tempo real. O processo segue estas etapas:

1. Clone — o repositório é clonado do GitHub
2. Detecção — o Trapiche identifica que é um projeto Vite
3. Instalação — as dependências são instaladas com npm install
4. Build — o projeto é compilado com npm run build
5. Upload — os arquivos de produção são enviados para os servidores em São Paulo

O build de um projeto gerado pelo Lovable leva entre 30 e 90 segundos, dependendo das dependências.

Passo 6: App no ar

Quando o build terminar, seu app estará disponível em:

https://nome-do-projeto.trapiche.site

A Trapiche gera um subdomínio único para cada deployment. Você pode acessar imediatamente.

Quer usar um domínio próprio? Os planos pagos da Trapiche incluem suporte a domínios personalizados com SSL automático. Confira as opções em trapiche.cloud/precos.

Atualizando o app

Fez uma alteração no Lovable? O fluxo é simples:

1. Ajuste o código no editor do Lovable
2. Clique em “Push to GitHub” para atualizar o repositório
3. No dashboard da Trapiche, clique em “Redeploy”

O Trapiche vai buscar a versão mais recente do repositório e repetir o processo de build. Em menos de dois minutos, a versão atualizada está no ar.

Por que hospedar no Brasil

O Lovable gera o código. A hospedagem é uma decisão separada — e importa.

Plataforma	Servidor	Latência no Brasil	Cobrança
Trapiche	São Paulo	~5–15ms	Reais + Pix
Vercel	EUA	~120–200ms	Dólar
Netlify	EUA	~120–200ms	Dólar

Para um app com público brasileiro, a diferença de latência é sentida pelo usuário final. Além disso:

• Preço em Real — sem surpresa de câmbio na fatura
• Pagamento via Pix — sem cartão internacional, sem IOF
• Dados no Brasil — seus arquivos ficam em servidores brasileiros, facilitando conformidade com a LGPD
• Suporte em português — sem barreira de idioma quando precisar de ajuda

Conclusão

Criar um app com o Lovable e hospedar no Trapiche é um fluxo completo que não exige escrever código, configurar servidores ou lidar com dólar.

Você descreve o app → o Lovable gera o código → você exporta para o GitHub → o Trapiche faz o deploy em São Paulo.

Pronto para colocar seu app no ar? Crie sua conta gratuita e faça seu primeiro deploy agora.