Esse cenário é comum quando o site institucional continua em seudominio.com.br e um painel, portal, SaaS ou área de clientes criado na Lovable precisa funcionar em app.seudominio.com.br, portal.seudominio.com.br ou outro endereço separado.
Subdomínio e domínio principal são configurações separadas
No DNS, o domínio raiz e cada subdomínio podem apontar para destinos diferentes. Por isso, conectar app.seudominio.com.br à Lovable não exige transferir seudominio.com.br para a plataforma. O cuidado é editar apenas o host do subdomínio e preservar os registros que mantêm o site principal, e-mail e outros serviços funcionando.
Como conectar um subdomínio na Lovable
1. Publique o projeto
A documentação oficial informa que você pode configurar o domínio antes, mas ele só começa a servir conteúdo quando o projeto está publicado. No projeto da Lovable, abra Publish e publique a versão que deseja colocar no ar.
2. Abra as configurações de domínio
Acesse Project → Settings → Domains ou abra Publish → Custom domain. Escolha a opção para conectar um domínio existente.
3. Informe somente o subdomínio
Digite o endereço completo que será usado, por exemplo app.seudominio.com.br. Não use apenas seudominio.com.br se a intenção é manter o domínio principal apontando para o site atual.
4. Copie exatamente os registros DNS mostrados pela Lovable
A Lovable exibe os registros necessários para verificar e direcionar o endereço. Abra o painel do seu provedor de DNS e crie os registros para o host do subdomínio. Use os valores mostrados no projeto, porque endereços e registros podem variar ao longo do tempo.
5. Preserve os registros do domínio principal
6. Aguarde a verificação e o SSL
Depois que o DNS propagar, o domínio deve mudar para o estado Live. A documentação da Lovable informa que o SSL é gerado e instalado automaticamente para domínios personalizados. Alterações de DNS podem levar tempo para propagar, então evite recriar os registros repetidamente enquanto a configuração ainda está sendo validada.
Exemplo: site principal fora da Lovable e app na Lovable
Imagine que seudominio.com.br está hospedado em WordPress, Webflow ou outro serviço. Você cria um sistema na Lovable e quer disponibilizá-lo em app.seudominio.com.br. Nesse caso, o domínio principal continua exatamente onde está. Você cria apenas o registro DNS correspondente a app, conecta esse endereço no projeto Lovable e publica o app.
Quais subdomínios fazem sentido para projetos Lovable
- app.seudominio.com.br para SaaS e aplicações
- portal.seudominio.com.br para portais de clientes
- painel.seudominio.com.br para dashboards e áreas administrativas
- clientes.seudominio.com.br para áreas autenticadas
- curso.seudominio.com.br para plataformas educacionais
- admin.seudominio.com.br para ferramentas internas, desde que o acesso seja protegido
Troubleshooting: subdomínio da Lovable não fica Live
- Confirme se o endereço cadastrado na Lovable inclui o subdomínio correto.
- Revise os registros exibidos em Project → Settings → Domains e compare com o DNS atual.
- Não altere o valor do registro A fornecido durante a verificação.
- Se usar Cloudflare ou outro proxy, mantenha o registro em modo DNS-only durante a verificação quando a Lovable solicitar configuração manual.
- Verifique se existe um registro AAAA conflitante, pois a documentação alerta que IPv6 pode direcionar o tráfego para o destino errado.
- Aguarde a propagação de DNS antes de remover e adicionar o domínio novamente.
- Teste em janela anônima para eliminar cache local.
O subdomínio mostra uma versão antiga do projeto
Publicar na Lovable gera um snapshot da versão atual. Mudanças feitas depois não entram automaticamente no site ao vivo. Se o Preview está correto, mas o subdomínio ainda mostra uma versão anterior, abra Publish e use Update para publicar novamente.