Como hospedar um app do Lovable no seu próprio servidor
Para hospedar um app do Lovable no seu próprio servidor, sincronize o projeto com o GitHub usando o Git sync do Lovable, conecte o repositório ao painel Coolify do seu servidor, defina as variáveis de ambiente e aponte o seu domínio para ele. O próprio Lovable documenta esse caminho: o código é seu e roda onde você o colocar. Você também pode continuar criando no Lovable, já que as edições chegam ao repositório e o servidor publica a partir dele.
A decisão que mais importa é o backend, porque os registros do banco de dados e os arquivos enviados não viajam com o código.
Como tirar o código do Lovable?
| Caminho | Como | Quando |
|---|---|---|
| Git sync | Vá em Project settings, depois Git e GitHub, e clique em Connect. O Lovable cria um novo repositório, privado por padrão, e a sincronização nos dois sentidos começa. | Publicações contínuas, em todos os planos |
| Download codebase | Baixe um .zip na mesma página ou no editor de código. | Uma cópia única, em planos pagos |
Que tipo de projeto você tem?
O Lovable constrói sobre duas stacks, e as configurações do servidor decorrem disso. Se o package.json lista @tanstack/react-start, o seu projeto é TanStack Start. Se não, é um projeto React + Vite mais antigo. Os projetos novos começam em TanStack Start.
| Stack | O que roda no servidor | Configurações do Coolify |
|---|---|---|
| TanStack Start | Um servidor Node.js para páginas renderizadas no servidor, funções de servidor e rotas de API | Variável de build NITRO_PRESET=node-server, Start command node .output/server/index.mjs, porta 3000. O package.json precisa listar nitro. |
| React + Vite | Arquivos estáticos em dist/ | Output type Static site, Publish directory /dist. Defina Site type como SPA na página General para que páginas aninhadas não retornem 404 ao atualizar. |
Um build estático do Vite é um dos tipos de projeto que já rodamos pelo Coolify em um servidor real. Os valores do TanStack Start vêm da documentação do próprio Lovable, que recomenda o Node 22.
Passo a passo
- Peça um servidor pela página do VPS Next.js. Apesar do nome, ele vem com o Coolify, que publica muito mais do que Next.js.
- Clone o repositório e abra a pasta em uma ferramenta de código como o Claude Code ou o Cursor.
- Copie a linha Cole na sua ferramenta de IA da aba Visão geral do seu painel da Seturack e cole nessa ferramenta, que então cuida da publicação. Não cole no chat do Lovable. Ela contém uma chave de API, e o Lovable não consegue executar nada fora da própria prévia.
- Dê à ferramenta as variáveis de ambiente de que ela precisa, que dependem da escolha de backend abaixo.
- Teste o endereço HTTPS quando ele chegar. Atualize uma página aninhada, entre e saia da conta e teste uma gravação e um upload. Se o login falhar em um redirecionamento, adicione o novo endereço às suas URLs de redirecionamento permitidas.
- Aponte o registro A do seu domínio para o endereço IP do servidor e diga o nome do domínio à ferramenta. O certificado é emitido automaticamente.
- Peça à ferramenta que publique a cada push. As edições do Lovable chegam ao repositório, então cada uma inicia um build.
O guia do Next.js explica como fazer isso à mão. Você tem acesso root e pode gerenciar tudo pelo painel, se preferir. O seu endereço lovable.app continua servindo a última versão que você publicou lá.
Onde o backend fica?
Continuar no backend embutido
Só o site muda de lugar, então é o que dá menos trabalho. Defina VITE_SUPABASE_URL e VITE_SUPABASE_PUBLISHABLE_KEY antes do build. O TanStack Start também precisa de SUPABASE_URL e SUPABASE_PUBLISHABLE_KEY para o código de servidor dele. Esses valores estão no arquivo .env do repositório, mas os segredos que as suas funções de servidor leem não estão. Os recursos de IA e os conectores continuam funcionando e continuam consumindo os seus créditos do Lovable.
Rodar o Supabase no seu próprio servidor
O Lovable cita dois destinos para o backend embutido: o Supabase gerenciado e o Supabase auto-hospedado. Mover só o PostgreSQL não basta, porque login, armazenamento, realtime e Edge Functions também precisam ser movidos. O VPS Supabase oferece tudo isso em um servidor separado. A documentação do Supabase pede pelo menos 4 GB de RAM, 2 núcleos e 40 GB de disco.
- Crie a estrutura executando os arquivos de
supabase/migrations/em ordem de data. - Mova os dados. Vá em More, Database, Manage, Settings e clique em Export data, depois carregue o arquivo PostgreSQL compactado com zstd usando um
pg_restorecom suporte a zstd na porta 5432. As contas de usuário estão incluídas, e todos entram de novo. Teste isso primeiro em uma instalação de teste. - Baixe os arquivos em More, Storage e envie-os no Studio para buckets com os mesmos nomes.
- Copie
supabase/functions/paravolumes/functions/no servidor, defina os segredos delas e reinicie o serviço de funções. - Configure os provedores de login, o
SITE_URLe oADDITIONAL_REDIRECT_URLS. - No site, defina
VITE_SUPABASE_URLcomo o endereço do seu servidor Supabase, defina a publishable key e recompile.
As chamadas de IA e de conectores que passam pelo Lovable precisam migrar para as suas próprias contas de provedor. Atualizações e monitoramento passam a ser trabalho seu, e o Lovable não consegue depurar uma infraestrutura que ele não controla.
Usar um projeto na sua própria conta do Supabase
Se você conectou a sua própria conta do Supabase, o backend já está fora do Lovable, então você só define os endereços. Para trazê-lo para o seu servidor, o guia de restauração do Supabase dá os passos com o supabase db dump.
Perguntas frequentes
De quanta RAM um app do Lovable precisa?
A página de vendas recomenda pelo menos 4 GB de RAM, 2 vCores e 40 GB de disco. Esse número vem do build: um grande projeto em Next.js com 85 pacotes ficou sem memória com 2 GB e foi compilado com 4 GB. Se um build ficar sem memória, aumente pelo seu painel.
Quanto vai custar por mês?
O tamanho mínimo recomendado custa cerca de $6 por mês (impostos incluídos), e fora da Turquia você paga em dólares americanos. Os backups diários estão incluídos no preço e o tráfego é ilimitado. Um segundo servidor para o Supabase é cobrado à parte. Exportar o código não encerra a sua assinatura do Lovable nem o uso do Cloud.
Como tiro o meu domínio do Lovable?
Teste tudo primeiro no endereço temporário. Depois aponte o registro A para o endereço IP do servidor, adicione o domínio ao app e publique de novo. Para desativar o endereço lovable.app, cancele a publicação do projeto no Lovable.
Como atualizo o site depois do lançamento?
Continue trabalhando no Lovable ou na sua ferramenta de código. Cada mudança chega à branch sincronizada e, com um webhook, o servidor a compila. Para manter o trabalho inacabado offline, deixe o Lovable trabalhar em uma branch separada e faça o merge quando estiver pronto.
O banco de dados vai junto com o código?
Não. O Git sync e o zip contêm os arquivos-fonte e os arquivos que definem a estrutura do banco de dados. Os registros e os arquivos enviados são exportados separadamente, então confira-os no destino antes de desativar o backend antigo.
Comentários0
Ainda não há comentários
Seja a primeira pessoa a compartilhar sua opinião.
Entre ou crie uma conta para deixar um comentário.