Testando Seu Aplicativo ao Vivo

Seu aplicativo está implantado. Este capítulo aborda dois pontos: confirmar se tudo funciona na URL ao vivo e saber como enviar futuras alterações para a web.

Testando seu aplicativo ao vivo

Quando o Vercel termina a implantação, ele fornece uma URL semelhante a seu-nome-do-projeto.vercel.app. Abra essa URL no navegador e teste o aplicativo da mesma forma que fez localmente. Experimente todo o fluxo de ponta a ponta:

• Digite uma ideia no campo de entrada;
• Utilize quaisquer recursos adicionais, como o botão de aprimorar;
• Envie e aguarde a resposta da IA.

Se a resposta da IA for carregada corretamente, sua variável de ambiente foi configurada corretamente e seu aplicativo está funcionando totalmente na web.

Compartilhando seu aplicativo

Essa URL do Vercel é o seu aplicativo ao vivo. Você pode enviá-la para qualquer pessoa e ela poderá abrir em seu navegador sem precisar estar no seu computador ou rede. Este é o seu MVP, disponível na internet.

Você também pode adicionar um domínio personalizado no Vercel se quiser uma URL mais profissional. Isso é opcional.

Enviando futuras alterações

Sempre que você fizer uma alteração no Claude Code e quiser que ela apareça no aplicativo web ao vivo, será necessário enviar essas alterações para o GitHub. O Vercel monitora seu repositório do GitHub e faz o redeploy automaticamente sempre que um novo código chega.

Os três comandos que realizam esse processo são:

git add
git commit
git push

Você não precisa executá-los manualmente. Basta pedir ao Claude Code:

"Push my latest changes to GitHub."

O Claude Code executará todos os três comandos para você. Assim que isso acontecer, o Vercel detecta a atualização e faz o redeploy automaticamente em um ou dois minutos.

O ciclo de atualização

Este é o ciclo completo a partir deste ponto. Cada melhoria que você fizer seguirá os mesmos três passos.

Make a change in Claude Code → Push to GitHub → Vercel redeploys automatically