Alojar una app creada con Claude Code: Git y despliegue

Claude Code puede ayudarte a crear una aplicación en tu proyecto local, pero el agente y el alojamiento son partes distintas. Para poner la app en una URL pública tienes que inspeccionar el código, elegir dónde se ejecuta y conectar un dominio. Esta guía explica el camino Claude Code → Git → Hostbrid, sin asumir que una app concreta sea compatible hasta probarla.

Anthropic describe Claude Code como una herramienta que trabaja desde el terminal del entorno de desarrollo. Si en realidad estás usando un Artifact de Claude, ese flujo es diferente: puedes compartir el prototipo desde Claude; cuando quieras llevar el código a un editor y preparar infraestructura propia, consulta nuestra guía para poner un Artifact en tu propio dominio.

1. Comprueba qué generó Claude Code

Desde la carpeta del proyecto, mira package.json, el README, los archivos de configuración y el estado de Git. Identifica el framework, la rama que contiene la versión correcta, los comandos de instalación, build y arranque. No pegues ciegamente en producción los comandos sugeridos por un agente: comprueba que existan y ejecuta el proyecto en local.

Separa los recursos que Claude te ayudó a crear de los servicios que todavía necesita la app. ¿Genera HTML estático? ¿Arranca un proceso Node? ¿Llama a una API, necesita base de datos, login, almacenamiento o tareas programadas? Una web React puede ser estática, pero una ruta de servidor o una acción backend cambia el tipo de alojamiento.

2. Protege claves y servicios externos

Busca referencias a process.env, import.meta.env, APIs, OAuth y archivos .env. Añade el .env a .gitignore antes del primer push y nunca subas una clave de API al repositorio o al código que ejecuta el navegador. Guarda los secretos en el entorno de ejecución apropiado y comprueba qué variables necesita la app al compilar y al arrancar.

Si Claude ha escrito código que llama a un proveedor de IA desde React, mueve la clave al servidor antes de publicar. Una variable VITE_* se incorpora al bundle del navegador; no es un almacén secreto. Revisa también las cuotas y costes del proveedor de API, CORS, las URLs de retorno de OAuth y las reglas de acceso de la base de datos.

3. Sube el código y elige un destino

Publica el proyecto en un repositorio Git y revisa el diff y los archivos incluidos antes de subirlo. En Hostbrid Projects puedes conectar un repo para desplegar proyectos; las opciones disponibles dependen del plan y del modo de servicio. Si el repo solo genera archivos estáticos, Sites puede encajar. Si necesita administrar el sistema y sus contenedores, considera un VPS; en ese caso tú operas el servidor.

En Projects selecciona la rama de producción y valida los comandos reales de instalación, build y salida. Si requiere proceso Node o Docker, comprueba que tu plan admita ese servicio y configura el puerto y las variables según la app. Claude Code no conecta por sí mismo el repo a Hostbrid, no publica una build y no configura automáticamente DNS o HTTPS.

4. Prueba antes de apuntar el dominio

Usa primero la URL temporal. Abre rutas internas directamente, prueba formularios, autenticación, llamadas al backend y operaciones de escritura. Confirma que los logs no contienen secretos y que las integraciones aceptan el nuevo dominio. Una compilación correcta no demuestra que las rutas, pagos o datos funcionen.

Cuando las pruebas pasen, conecta el dominio y verifica HTTPS, redirecciones y callbacks. Mantén accesible el despliegue anterior hasta comprobar el nuevo. Para una app con datos, prepara una copia y un plan de restauración antes de cambiar esquemas o mover almacenamiento.

En resumen operativo: Claude Code ayuda a producir el código; Git permite versionarlo; el hosting ejecuta o sirve los archivos; los servicios externos siguen teniendo su propia configuración y coste. Revisa los planes y recursos actuales antes de desplegar.

Fuentes: Claude Code: primeros pasos de Anthropic · Claude Artifacts: del prototipo a producción · Projects de Hostbrid