Ir al contenido
Volver al blog

Cómo publicar una web creada con Codex

Compara ChatGPT Sites con el despliegue desde Git para una web creada con Codex y revisa build, dominio, servicios y rutas en producción.

  • Codex
  • GitHub
  • despliegue
  • alojamiento

Codex puede ayudarte a crear una web, pero la publicación depende del flujo que hayas usado. Una web creada con ChatGPT Sites se puede desplegar y compartir desde Sites. Si Codex ha generado un proyecto de código en una carpeta o repositorio, puedes publicarlo con un proveedor conectado a Git cuando quieras gestionar el build y el runtime por separado.

Decide primero dónde debe vivir la web

ChatGPT Sites permite crear, alojar y compartir webs o aplicaciones ligeras. La página oficial indica que puede publicarse para otras personas y conectarse a un dominio propio; está en beta pública y la disponibilidad depende del plan, el espacio de trabajo y la región. Si cubre tu caso, usa su publicación integrada y revisa los permisos antes de compartir. No tienes que migrar cada resultado de Codex a otro proveedor.

El despliegue desde un repositorio es otra opción. Tiene sentido si quieres conservar el código en tu flujo Git, elegir la compilación y el alojamiento, o administrar aparte un proceso de servidor y los servicios de los que depende. La guía de Codex Cloud de OpenAI describe entornos de trabajo con repositorios conectados; eso no convierte a Codex en el alojamiento del repositorio.

1. Comprueba qué ha generado Codex

Abre los archivos del proyecto e identifica framework y dependencias. Revisa package.json, el lockfile, el README y los comandos de compilación. Pide a Codex que encuentre los comandos de instalación, build y arranque en esos archivos; no los adivines.

Después separa estos casos:

  • Web estática: el build produce HTML, CSS, JavaScript y recursos, a menudo en dist u out. Un hosting estático puede servir esa salida.
  • Aplicación con servidor: necesita un proceso en cada petición, como un servidor Node.js, una API, un worker o renderizado del lado del servidor. Elegir una carpeta estática no publica ese proceso.
  • Servicios externos: login, base de datos, cargas de archivos, correo o una API de IA pueden estar fuera de la web. Publicar la interfaz no traslada cuentas, usuarios ni datos.

Si ahora solo se abre en localhost, revisa antes la lista para pasar de localhost a una URL pública.

2. Sube el proyecto a un repositorio Git

Revisa los cambios y prueba la web en local. Excluye de Git carpetas generadas, .env, claves privadas, copias de bases de datos y datos de usuarios. No subas secretos a un repositorio público. Crea un commit y envíalo a un proveedor Git al que pueda acceder tu alojamiento.

Projects admite GitHub, GitLab y Bitbucket. Conecta el repositorio, elige la rama de producción y revisa el framework detectado y la configuración del build. Un proyecto JavaScript estático puede usar npm ci, npm run build y dist, pero manda el lockfile y la salida real de tu proyecto. Para una prueba de React y Vite, consulta la guía de despliegue desde Git.

El despliegue automático al hacer push depende de que la conexión del proveedor y el webhook estén configurados y verificados. Compruébalo antes de contar con que cada commit se publique. Projects muestra el commit activo y los registros del build; corrige el comando o la carpeta de salida si falla antes de apuntar el dominio.

3. Configura el runtime y los servicios

Si tu aplicación necesita una API o backend que permanezca activo, publícalo como servicio y no como carpeta estática. Los servicios de Projects se ejecutan en contenedores y cuentan dentro del límite de un plan de pago. Revisa los planes y límites actuales de Projects. Una aplicación que necesite un servidor Node.js completo también puede encajar en un VPS autogestionado, según el framework y cuánto quieras administrar tú.

Guarda los valores de producción en el entorno de alojamiento y cambia las credenciales de desarrollo. Actualiza las URL de retorno de OAuth, los dominios permitidos, CORS, las reglas de acceso a la base de datos y los callbacks de correo para la dirección HTTPS final. Si la web llama a una API externa, la clave privada debe quedar en el servidor; una variable incluida en JavaScript del navegador la puede leer cualquier visitante.

4. Prueba la dirección publicada

Abre la URL HTTPS desde otro dispositivo. Comprueba la portada, una ruta interna abierta directamente, recargas, imágenes, formularios, inicio de sesión y cada llamada a la API. Revisa el registro de build y el estado del servicio. Si la web es pública, pruébala también en una sesión sin iniciar sesión.

Cuando todo funcione, conecta el dominio definitivo y vuelve a probar DNS, certificado, redirecciones y configuración OAuth.

Codex genera código, pero no existe una integración de un clic Codex–Hostbrid. ChatGPT Sites puede bastar para una web ligera cuando sus controles y disponibilidad actual encajan. Si eliges un repositorio, Git transporta el código y Projects compila la configuración que hayas revisado; los servicios de servidor y las integraciones externas requieren configuración y pruebas propias.

Fuentes: ChatGPT Sites · OpenAI Academy: ChatGPT Sites · Using Codex Cloud · Guía de Projects de Hostbrid

Gestiona tus webs, servidores y correo.

Es gratis y tarda un minuto.

Mínimo 8 caracteres. Ni sólo números ni una contraseña común.

Te mandaremos un correo para confirmar la cuenta.