Como hospedar seu site do Lovable
O Lovable gera um app React/Vite. Para hospedá-lo onde você quiser, primeiro você compila para arquivos estáticos e depois publica essa saída. O SiteDrop recebe a pasta do build e te dá um link no ar.
Publique seu site grátis →Coloque no ar em 4 passos
- No Lovable, exporte ou baixe o código do seu projeto (ou conecte o GitHub e baixe o repositório).
- No seu computador, rode npm install e depois npm run build para gerar a pasta de saída estática (geralmente dist).
- Compacte o conteúdo da pasta dist — o index.html precisa ficar no nível principal do zip.
- Envie o zip para o SiteDrop.
Quais tipos de arquivo funcionam
O Lovable produz um app React/Vite, então você hospeda a saída COMPILADA — a pasta estática dist depois do npm run build, que é HTML/CSS/JS puro. Isso é enviado perfeitamente. O que não dá para hospedar de forma estática é o que estiver ligado a um backend ao vivo (login, banco de dados, rotas de servidor); num site de marketing ou portfólio, geralmente não há nada disso.
O que dá errado — e como resolver
- Compactei o projeto e apareceu uma página em branco.
Você compactou o código-fonte, não o build. Rode npm install e depois npm run build, e compacte o CONTEÚDO da pasta dist com o index.html no nível principal.
- Página em branco e o console mostra erros 404 em /assets/*.
O Vite usa caminhos absolutos para os recursos por padrão. Defina base: './' no vite.config antes do build para que os recursos sejam resolvidos a partir da raiz do zip e rode o build de novo.
- O Supabase ou o login param de funcionar depois de publicar.
Esses recursos precisam de um backend ao vivo e de chaves de ambiente que a hospedagem estática não executa. Publique aqui o front-end estático e mantenha os recursos dinâmicos num serviço que rode um servidor.
SiteDrop vs. simplesmente usar o Netlify
O Netlify pode rodar o build do Vite para você a partir de um repositório git — prático se você quer deploys automáticos. Em troca, você precisa conectar o git, configurar o build e gerenciar variáveis de ambiente. Se prefere compilar uma vez no seu computador e só hospedar a pasta dist, o SiteDrop recebe esse zip direto e te dá um link (e um domínio próprio nos planos pagos) sem o pipeline.
Hospedagem para Lovable — Perguntas frequentes
Por que preciso rodar um build antes?
Os apps do Lovable são projetos React, não HTML puro. O build os transforma nos arquivos estáticos que os navegadores conseguem servir. Com a pasta dist em mãos, hospedar é só enviar um zip.
Não quero mexer na linha de comando de jeito nenhum — quais são as opções?
Se o seu projeto é totalmente estático depois de compilado, peça ao Lovable (ou a qualquer assistente de IA) uma única versão compilada/estática, depois compacte e envie. Qualquer coisa dinâmica que precise de servidor não combina com hospedagem estática.
Pronto para publicar seu site do Lovable?
Envie seu .zip e receba um link no ar, fácil de compartilhar, em menos de um minuto. Prévia grátis de 7 dias, sem cartão.
Publique agora →