Lovable implantação de aplicativos
Implantar uma aplicação criada com Lovable para produção.
Mantenha o código-fonte gerado no Lovable, sincronize-o com GitHub e leve-o a um espaço de trabalho Adios para uma compilação real de produção, prévia, diagnóstico e implantação sujeita a aprovação.
Do código-fonte à produção
- 01Código-fonte Lovable
- 02Espaço de trabalho Adios
- 03Compilação + prévia + logs
- 04Aprovação humana da produção
A produção fica separada do trabalho de preparação do agente até você aprovar a versão.
Fonte
Arquivos e configuração disponíveis para revisão
Prévia
Saudável antes da produção
Evidências
Resultados de compilação e logs de execução
Controle
Etapa de aprovação humana
Projetos prontos para implantação
Mantenha o aplicativo gerado. Adicione o contrato de produção.
Adios trabalha com o código-fonte do projeto e os comandos habituais do framework. Não exige que a aplicação seja gerada novamente em um formato proprietário.
- Aplicações web Lovable com React e Vite
- Frontends conectados ao Supabase
- Aplicativos Web que chamam APIs externas
- Projetos que precisam de domínios personalizados, segredos e logs de execução
Transferência de código-fonte via GitHub
Transfira o código-fonte Lovable, além da prévia.
Conecte o projeto Lovable ao GitHub em Settings → Connectors → GitHub. Lovable cria e sincroniza o repositório; Adios pode então trabalhar a partir desse histórico durável de código-fonte, em vez de um artefato de compilação copiado.
Projeto Lovable
→ Settings → Connectors → GitHub
→ Repositório GitHub sincronizado
→ Espaço de trabalho AdiosPrompt de agente de exemplo
Peça uma versão verificada, além de um comando de implantação.
Use este prompt no espaço de trabalho de IA Adios depois que o projeto Lovable estiver sincronizado com GitHub.
“Importe este repositório Lovable para um espaço de trabalho Adios. Examine a compilação Vite ou React, identifique todas as variáveis de ambiente públicas e do servidor necessárias, crie adios.yaml, execute uma compilação de produção, abra uma prévia e informe qualquer mudança no código-fonte ou na configuração antes da aprovação da produção.”
Configuração revisável
O agente escreve como o aplicativo deve ser executado.
O manifesto exato deve corresponder ao repositório. Este exemplo explicita uma compilação Node.js convencional de produção, a porta e o endpoint de saúde para que a implantação possa ser revisada e repetida.
Saiba como adios.yaml funcionaname: vibe-app
region: de
build_cmd: npm ci && npm run build
start_cmd: npm start
runtime:
name: node@24
port: 3000
health_path: /api/healthWorkflow do código-fonte à versão publicada
Cinco verificações entre o código gerado e a produção.
- 01
Examinar o código-fonte do projeto
Identifique o framework, o gerenciador de pacotes, a saída de compilação, o comando de inicialização, a porta esperada, as variáveis de ambiente e os serviços com estado antes de criar uma versão.
- 02
Torne visível o contrato de execução
Escreva ou atualize adios.yaml para que o comando de compilação, o comando de inicialização, o ambiente de execução, a porta, a verificação de saúde, os segredos e os recursos gerenciados possam ser revisados junto do código.
- 03
Compilar e abrir uma prévia
Execute a compilação de produção em um espaço de trabalho isolado, inicie a aplicação e examine uma URL de prévia antes de considerar o projeto pronto para implantação.
- 04
Leia os logs e corrija falhas
Use os resultados de compilação, os logs de execução e o caminho de saúde configurado para diagnosticar falhas. Aplique a correção ao código-fonte e recompile o mesmo projeto, sem aplicar correções manuais diretamente em produção.
- 05
Revise e aprove a produção
Verifique o diff final do código-fonte, a configuração, a prévia e o resultado da verificação de saúde. Uma pessoa aprova a implantação em produção depois que o agente prepara uma versão saudável.
Quando a compilação falhar
Dê ao agente evidências que ele possa usar para agir.
Uma prévia Lovable pode esconder suposições que aparecem em uma compilação limpa de produção, como variáveis de ambiente ausentes ou um fallback de rotas do cliente. Adios mantém a falha, a mudança no código-fonte e a prévia recompilada no mesmo workflow disponível para revisão.
compilação · falhou
↓ inspecionar a saída
código-fonte + adios.yaml · atualizado
↓ recompilação e verificação de saúde
prévia · saudável
↓ revisão humana
produção · pronta para aprovação
Implantação por framework
Ajuste o projeto gerado ao seu ambiente de execução.
Implantar React
Vite e outros frontends React servidos como aplicações estáticas ou baseadas em Node.
Abrir guia do ambiente de execuçãoImplantar Next.js
Rotas renderizadas no servidor, handlers de rotas, saída estática e aplicações Node.js persistentes.
Abrir guia do ambiente de execuçãoImplantar Postgres
Dados relacionais gerenciados para aplicativos que precisam de estado durável e uma string de conexão privada.
Abrir guia do ambiente de execuçãoFAQ
Implantar aplicativos criados com Lovable no Adios.
Adios importa diretamente um projeto Lovable?
A transferência confiável é o código-fonte do projeto no GitHub. Conecte Lovable ao GitHub, deixe-o sincronizar o repositório e use esse repositório como fonte do espaço de trabalho e da implantação Adios.
Posso continuar editando no Lovable depois de conectar GitHub?
Lovable documenta a sincronização bidirecional com GitHub para um projeto conectado. Coordene branches e commits com cuidado para que mudanças feitas no Lovable, localmente ou em um espaço de trabalho Adios não sobrescrevam umas às outras.
Adios implanta apenas aplicações Next.js?
Não. Adios aceita comandos explícitos de compilação e inicialização para projetos comuns de frontend, full-stack, API, workers e aplicações apoiadas por dados. O framework detectado altera o contrato de execução; o workflow do código-fonte à prévia e à produção permanece consistente.
O agente de IA pode implantar em produção sem aprovação?
Não. O agente pode preparar código-fonte, configuração, compilações, prévias e diagnósticos, mas a passagem para produção é sujeita a aprovação para que uma pessoa revise a versão primeiro.
O que acontece quando a compilação de produção falha?
Os resultados da compilação e os logs de execução permanecem disponíveis no espaço de trabalho. O agente pode usar essas evidências para atualizar o código-fonte ou a configuração e executar uma nova compilação antes de pedir aprovação da produção.
Ferramentas de vibe coding
Implante a partir de outro fluxo de desenvolvimento com IA.
Do código-fonte a uma versão saudável
Deixe Lovable preparar a implantação. Mantenha a aprovação da produção com você.
Comece com o código-fonte que você já tem, verifique-o em uma prévia Adios e promova apenas a versão que você revisou.
Crie um espaço de trabalho gratuito