O agente conclui a funcionalidade e a aplicação funciona no navegador. No primeiro uso fora do computador local, a infraestrutura revela o que estava escondido: o vídeo ocupa o disco, a chamada ao modelo demora mais que a requisição e um cadastro desaparece quando o container é recriado.

O Vibe Coding reduz o trabalho necessário para chegar a uma versão utilizável. A continuidade dessa versão depende de escolhas que o agente não assume por você: onde o PostgreSQL grava os registros, como os uploads sobrevivem ao deploy e qual processo retoma uma tarefa interrompida. Você enxerga a infraestrutura ao acompanhar uma jornada completa fora do editor.

Direto ao ponto

Siga o caminho de uma ação importante, como o envio de um documento. A aplicação registra o cadastro no banco, envia o arquivo ao armazenamento e coloca o processamento posterior numa fila. Cada etapa precisa deixar um estado que você consiga consultar depois de uma falha. A cópia de segurança só tem utilidade comprovada quando esse caminho funciona num ambiente restaurado.

Uma VPS pode executar o código. O PostgreSQL gerenciado conserva os registros, e um object storage recebe os arquivos. Essa divisão faz sentido quando o disco local limita os uploads ou quando a restauração do banco exige uma rotina própria. Cada fornecedor acrescentado também traz uma credencial, uma fatura e uma conexão sujeita a falha.

A infraestrutura aparece depois do deploy

No ambiente local, o Docker pode instalar o PostgreSQL e gravar uploads no disco do notebook. Uma nova imagem substitui o container durante o deploy. Variáveis precisam chegar à execução nova, e o volume deve permanecer montado no mesmo destino. Um arquivo guardado dentro do container desaparece nessa troca, mesmo que a tela continue funcionando para novos cadastros.

Você encontra outro tipo de falha quando uma migration interrompida impede o código novo de ler registros antigos. Uma credencial copiada manualmente também pode deixar produção diferente do ambiente usado no teste. A revisão da Promovaweb sobre código gerado com Laravel mostra como comparar os arquivos modificados e repetir no navegador a jornada afetada.

Um diagrama da requisição liga o formulário ao PostgreSQL ou ao armazenamento e aponta a variável usada pelo container. Ao publicar outra imagem, você confere se o volume permaneceu montado e se a mesma jornada continua acessando os registros anteriores.

Banco e upload exigem testes diferentes

O PostgreSQL liga o login do cliente aos pagamentos e às permissões do cadastro. Instalá-lo na mesma VPS simplifica o ambiente inicial, mas concentra o histórico no disco e na manutenção daquele host. Um serviço gerenciado assume instalação e atualizações do banco. Os acessos e a restauração continuam sob sua conferência.

Restaure uma cópia em outro ambiente e abra o login. Crie um cadastro e consulte o histórico sem recorrer ao servidor principal. Essa sequência verifica o banco de um modo que a mensagem “backup concluído” não consegue. A explicação sobre Laravel para projetos de Vibe Coding localiza autenticação, filas e migrations dentro da estrutura do framework.

O upload exige outra leitura. Um cliente pode enviar vídeos até ocupar o volume da VPS com a CPU ainda livre. O object storage retira esses arquivos do disco local, porém o código precisa registrar o endereço recebido e mostrar uma falha compreensível quando o serviço recusa o envio. Uma permissão ampla ou uma URL pública criada por engano pode expor um documento que deveria pertencer somente ao cliente autenticado.

A interface também precisa refletir o estado do upload. Uma tentativa pendente pode aceitar nova execução, mas o cadastro deve ser interrompido quando o arquivo nunca chegou ao armazenamento. Esses comportamentos pertencem ao software e precisam aparecer nos testes, pois infraestrutura e produto se encontram nessa tela.

A fila tira o processamento da espera do navegador

O navegador não deve permanecer aberto até o fim do processamento de um vídeo. A aplicação grava a tarefa na fila, responde ao cliente e deixa o worker executar a etapa demorada. Uma interrupção devolve a mensagem pendente para nova tentativa, sem duplicar a cobrança ou o envio do email.

O agente pode criar o job e o worker. Você ainda define quantas tentativas são aceitas, quanto tempo o processamento pode usar e qual chave identifica a mesma solicitação. O histórico da fila deve mostrar a última execução e a resposta do serviço. No processo de Vibe Coding com React Email, o componente gera o HTML e permite conferir a mensagem que seguirá para o provedor de envio.

CPU e memória não explicam uma consulta recusada pelo banco nem uma resposta lenta da API de IA. Um identificador de requisição permite localizar o mesmo evento no log da aplicação e depois na fila ou na integração externa. O registro precisa mostrar o serviço chamado, a duração e a resposta recebida sem gravar senha ou token.

Agentes com acesso ao servidor ampliam a superfície de manutenção. O artigo sobre memória, skills e ferramentas do Hermes Agent explica como delimitar comandos e conservar um histórico consultável das execuções.

Meu LMS separa cada serviço pelo trabalho que ele faz

No meu LMS, uma aula sai do container na Hetzner, consulta o registro no Supabase e abre o arquivo servido pela Cloudflare. Os serviços do Google executam as funções de IA.

Eu separei essas partes para aumentar o armazenamento sem mover a aplicação e alterar o banco sem reinstalar o servidor web. Depois de cada mudança, refaço o acesso à aula e leio o log se o arquivo, o cadastro ou a função de IA não responder.

Essa composição não serve como modelo universal. Uma aplicação menor pode manter o código e os workers na VPS, usar um PostgreSQL gerenciado e enviar uploads para um serviço externo. O teste do upload e o log da requisição devem confirmar que a troca preservou o caminho usado pelo aluno. Se a separação não corrige um limite observado, ela apenas amplia o número de acessos e cobranças.

Desenhe a jornada que já está publicada e escreva ao lado de cada conexão qual credencial o container usa e qual log registra uma recusa. O Diagnóstico de Produto e Arquitetura da Dev Side Studio transforma esse percurso numa sequência técnica documentada, relacionando cada serviço à infraestrutura usada pelo produto.

A Formação IA Makers da Promovaweb acompanha o desenvolvimento de aplicações com IA desde a funcionalidade até o ambiente publicado. O vídeo sobre provedores de VPS compara uma máquina única, um cluster e uma composição entre fornecedores. Assista com o caminho da requisição aberto ao lado e marque cada serviço necessário para a jornada funcionar depois do deploy.