Prueba de tu aplicación en vivo
Desliza para mostrar el menú
Tu aplicación está desplegada. Este capítulo cubre dos aspectos: confirmar que todo funciona en la URL en línea y saber cómo subir futuros cambios a la web.
Prueba de la aplicación en línea
Cuando Vercel termina de desplegar, te proporciona una URL que se ve algo así como your-project-name.vercel.app. Ábrela en tu navegador y prueba la aplicación de la misma manera que lo hiciste localmente. Realiza el flujo completo de principio a fin:
- Escribe una idea en el campo de entrada;
- Utiliza cualquier función adicional que hayas agregado, como el botón de mejorar;
- Envía y espera a que la respuesta de la IA aparezca.
Si la respuesta de la IA se carga correctamente, la variable de entorno se configuró correctamente y tu aplicación está funcionando completamente en la web.
Si la página carga pero la respuesta de la IA falla, vuelve a la configuración de tu proyecto en Vercel, revisa tus variables de entorno y asegúrate de que la clave y el valor se hayan ingresado correctamente.
Compartir tu aplicación
Esa URL de Vercel es tu aplicación en vivo. Puedes enviarla a cualquier persona y podrán abrirla en su navegador sin necesidad de estar en tu computadora o red. Este es tu MVP, disponible en internet.
También puedes agregar un dominio personalizado en Vercel si deseas una URL más profesional. Esto es opcional.
Publicar cambios futuros
Cada vez que realices un cambio en Claude Code y quieras que aparezca en la aplicación web en vivo, necesitas enviar esos cambios a GitHub. Vercel supervisa tu repositorio de GitHub y vuelve a implementar automáticamente cada vez que llega nuevo código.
Los tres comandos que hacen esto posible son:
git add
git commit
git push
No necesitas ejecutarlos tú mismo. Solo pídele a Claude Code:
"Push my latest changes to GitHub."
Claude Code ejecutará los tres comandos por ti. Una vez hecho esto, Vercel detecta la actualización y vuelve a implementar automáticamente en uno o dos minutos.
El ciclo de actualización
Este es el ciclo completo a partir de este punto. Cada mejora que realices sigue los mismos tres pasos.
Make a change in Claude Code → Push to GitHub → Vercel redeploys automatically
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla