Como Remover a Marca da Lovable, Publicar na Vercel e Colocar um Domínio Próprio
Tenha páginas profissionais e sem marca de água
Criar um site ou aplicativo com a Lovable é uma das formas mais rápidas de transformar uma ideia em um projeto funcional. O problema aparece quando chega a hora de publicar o projeto com uma aparência realmente profissional.
Muitos utilizadores querem remover o badge da Lovable, ter o código guardado no GitHub, publicar o projeto através da Vercel e, finalmente, utilizar um domínio próprio como meusite.com.
A boa notícia é que esse processo pode ser feito sem precisar ser programador profissional.
Neste guia, vou mostrar o fluxo completo: Lovable → GitHub → Vercel → domínio próprio, incluindo os cuidados necessários para evitar erros.
Importante: a remoção oficial do badge da Lovable depende do plano da conta. Atualmente, a própria documentação informa que apenas utilizadores de planos pagos podem desativar o badge.
1. O que é a marca da Lovable?
Quando um projeto é publicado, a Lovable pode apresentar um pequeno badge de identificação da plataforma.
Para projetos que serão utilizados comercialmente, algumas pessoas preferem retirar essa identificação e apresentar apenas a própria marca.
A Lovable disponibiliza oficialmente essa opção nos planos pagos. Para verificar:
Abra o seu projeto.
Entre em Project Settings.
Procure a opção relacionada com o Badge.
Desative a exibição do badge.
Publique novamente o projeto.
A documentação atual da Lovable confirma que o badge pode ser ocultado através das configurações do projeto e que essa funcionalidade está disponível para utilizadores pagos.
Não confunda badge com domínio
Existe uma diferença importante.
Remover o badge não significa remover a URL lovable.app.
A Lovable informa que atualmente não é possível eliminar completamente a URL padrão do projeto, mas é possível adicionar um domínio personalizado e defini-lo como principal.
Por exemplo:
URL padrão:
meuprojeto.lovable.app
URL profissional:
www.meunegocio.com
É a segunda opção que interessa quando pretende construir uma presença profissional.
2. Por que conectar o projeto ao GitHub?
O GitHub funciona como uma cópia controlada do código do seu projeto.
Além de servir como backup, permite trabalhar com outras plataformas e fazer deploy fora da Lovable.
A integração oficial da Lovable permite sincronização bidirecional: alterações feitas na Lovable podem aparecer no GitHub e alterações no repositório podem ser sincronizadas de volta para o projeto.
Isso também cria uma excelente base para utilizar a Vercel.
3. Como conectar a Lovable ao GitHub
Primeiro, tenha uma conta no GitHub.
Depois, dentro da Lovable:
Passo 1 — Conecte a conta
Entre em:
Settings → Connectors → GitHub
Clique em Connect GitHub.
Será necessário autorizar a integração.
Passo 2 — Autorize a aplicação
A Lovable poderá solicitar autorização para instalar a aplicação do GitHub na sua conta ou organização.
Escolha se deseja permitir acesso a todos os repositórios ou apenas aos selecionados.
Passo 3 — Conecte o projeto
Dentro do projeto, procure o ícone do GitHub ou acesse novamente:
Settings → Connectors → GitHub → Connect project
Escolha a conta ou organização onde deseja guardar o projeto.
A Lovable então cria um repositório e inicia a sincronização.
Atenção a um detalhe importante
Depois de conectar o projeto, não renomeie, mova ou elimine o repositório sem saber exatamente o que está fazendo.
A documentação da Lovable alerta que a sincronização depende do caminho exato do repositório. Alterá-lo pode quebrar a conexão.
4. Agora vamos publicar na Vercel
Depois que o código estiver no GitHub, você pode utilizar a Vercel para fazer o deploy.
A vantagem desse modelo é que o GitHub passa a ser a ponte entre o código e a hospedagem.
O fluxo fica assim:
Lovable → GitHub → Vercel → Internet
Quando o projeto estiver conectado corretamente, alterações enviadas ao repositório podem gerar novos deployments.
A própria documentação da Lovable explica que projetos podem ser hospedados fora da plataforma e que, em determinadas configurações, cada push no GitHub pode desencadear um novo deployment.
5. Como importar o projeto do GitHub para a Vercel
Crie ou acesse a sua conta Vercel.
No painel:
Clique em Add New.
Escolha Project.
Procure o repositório do GitHub.
Clique em Import.
Verifique as configurações do projeto.
Clique em Deploy.
A Vercel vai analisar o projeto e preparar o deployment.
Dependendo da tecnologia utilizada, pode ser necessário verificar:
Framework;
Build command;
Output directory;
Variáveis de ambiente;
Configuração de rotas.
Se o seu projeto utilizar banco de dados, autenticação ou outras integrações, não basta simplesmente publicar o frontend.
Por exemplo, a documentação da Lovable explica que projetos com backend ou serviços externos podem precisar das respetivas variáveis de ambiente no novo ambiente de hospedagem.
6. O projeto já está online
Depois do deployment, a Vercel normalmente disponibiliza uma URL própria.
Algo semelhante a:
meuprojeto.vercel.app
Agora você já tem:
Código: GitHub
Hospedagem: Vercel
Construtor: Lovable
Mas ainda falta uma coisa: o domínio próprio.
7. Bônus: como colocar o seu próprio domínio
Imagine que você comprou:
meunegocio.com
O objetivo será fazer com que:
meunegocio.com
abra o projeto hospedado na Vercel.
Primeiro, entre no projeto dentro da Vercel.
Procure:
Project → Settings → Domains
Adicione o domínio.
A Vercel irá informar quais configurações DNS devem ser utilizadas.
É importante seguir os valores apresentados no seu próprio painel, porque eles podem variar conforme a configuração do domínio.
Para um domínio raiz, como:
meunegocio.com
pode ser necessário utilizar um registro A.
Para um subdomínio, como:
www.meunegocio.com
normalmente é utilizado um CNAME.
A documentação e os materiais da Vercel explicam que domínios apex e subdomínios utilizam métodos de configuração diferentes.
8. Exemplo de configuração DNS
Um exemplo comum pode ser semelhante a:
TipoNomeDestinoA@valor indicado pela VercelCNAMEwwwvalor indicado pela Vercel
Não copie estes valores automaticamente.
Entre no painel da Vercel e utilize exatamente os registros apresentados para o seu projeto.
Depois, entre no site onde comprou o domínio — por exemplo, o seu registrador — e abra a área de DNS / DNS Management.
Adicione os registros solicitados.
9. Quanto tempo demora?
Depois de alterar o DNS, pode não funcionar imediatamente.
A Lovable informa que alterações DNS podem levar até 72 horas para propagarem, embora muitas atualizações ocorram em poucas horas.
Por isso, se acabou de alterar o DNS e o domínio ainda não funciona, não significa necessariamente que fez algo errado.
Verifique:
Se digitou o domínio corretamente;
Se o registro A está correto;
Se o CNAME está correto;
Se existem registros conflitantes;
Se o domínio está associado ao projeto correto;
Se a Vercel mostra o domínio como configurado.
10. HTTPS e certificado SSL
Outro benefício de utilizar uma plataforma como a Vercel é que o site pode funcionar através de HTTPS depois que o domínio estiver corretamente configurado.
Isso significa que o visitante poderá acessar algo como:
https://meunegocio.com
em vez de uma conexão simples sem proteção.
O HTTPS é importante para confiança, segurança e também para a experiência do visitante.
11. E se quiser usar o domínio diretamente na Lovable?
Você não é obrigado a utilizar a Vercel para conectar um domínio personalizado.
A própria Lovable possui uma funcionalidade de domínio personalizado. Atualmente, ela permite comprar um domínio através da plataforma ou conectar um domínio adquirido em outro fornecedor.
Por isso, existem diferentes caminhos:
Opção A
Lovable → domínio próprio
Opção B
Lovable → GitHub → Vercel → domínio próprio
Para quem quer aprender mais sobre desenvolvimento, versionamento e hospedagem, a segunda opção é especialmente interessante.
12. Uma estrutura profissional para seus projetos
Se você está criando sites para clientes ou construindo os seus próprios negócios digitais, pode adotar esta estrutura:
Lovable
Criação e desenvolvimento do projeto.
↓
GitHub
Código, histórico e backup.
↓
Vercel
Deploy e hospedagem.
↓
Domínio próprio
Marca profissional.
↓
Google Search Console + SEO
Indexação e aquisição de tráfego.
A própria Lovable possui atualmente ferramentas para revisão de SEO e recomenda o uso de domínio personalizado para construir presença de pesquisa sob um domínio que você controla.
Conclusão
Transformar um projeto criado na Lovable em um site profissional não precisa ser complicado.
O processo pode ser resumido em cinco etapas:
Crie o projeto na Lovable.
Remova o badge, caso o seu plano permita essa opção.
Conecte o projeto ao GitHub.
Importe o repositório na Vercel e faça o deploy.
Adicione e configure o seu domínio próprio.
O resultado é uma estrutura muito mais profissional: o código fica no GitHub, o projeto pode ser hospedado na Vercel e os visitantes podem acessar o site através do seu próprio domínio.
Se você está a criar um site, SaaS, landing page, marketplace ou aplicação para vender online, este processo pode ser uma excelente forma de sair de uma URL de teste e chegar a uma estrutura pronta para apresentar aos seus clientes.
Agora escolha um projeto que já criou na Lovable e faça o processo passo a passo. O objetivo não é apenas colocar o site no ar — é transformá-lo numa propriedade digital com a sua própria marca.
Partilhar este Artigo
