Una de las grandes ventajas de herramientas como Claude es que ahora cualquier persona puede crear páginas web, dashboards y herramientas internas utilizando inteligencia artificial.
Sin embargo, existe un problema común:
El archivo funciona en tu computadora, pero nadie más puede verlo.
Para compartirlo con clientes, colaboradores o cualquier persona necesitas subirlo a internet.
En este tutorial mostramos cómo pasar de un archivo HTML creado con Claude a una página web funcional utilizando GitHub y Cloudflare.
Del archivo local a una página web pública
Cuando Claude crea una página HTML, normalmente el archivo queda guardado únicamente en tu computadora.
Aunque tengas una URL local, esa dirección solamente funciona dentro de tu propio equipo.
Si envías ese archivo o enlace a otra persona, no podrá abrirlo porque no existe en su computadora.
La solución es publicar ese archivo en un servidor.
Publicar una página con GitHub Pages
GitHub es una plataforma utilizada principalmente por desarrolladores para almacenar código y proyectos.
Para este proceso funciona como un lugar donde podemos guardar nuestro archivo HTML y hacerlo accesible desde internet.
El proceso consiste en:
- crear una cuenta en GitHub;
- crear un repositorio;
- subir el archivo HTML;
- activar GitHub Pages.
Una vez configurado, GitHub genera una dirección pública donde cualquier persona puede acceder a la página.
Crear un repositorio en GitHub
El primer paso es crear un repositorio nuevo.
Dentro de GitHub podemos definir:
- nombre del proyecto;
- descripción;
- visibilidad pública o privada.
Un repositorio público permite que cualquier persona vea el contenido.
Un repositorio privado limita el acceso solamente a personas autorizadas.
Para proyectos internos o información sensible, es recomendable utilizar repositorios privados.
La importancia de index.html
Uno de los errores más comunes al publicar páginas es no utilizar el nombre correcto del archivo principal.
La mayoría de servidores buscan automáticamente un archivo llamado:
index.html
Si el archivo tiene otro nombre, la página puede no cargar correctamente.
Por eso es importante cambiar el nombre antes de desplegar el proyecto.
Conectar GitHub con Cloudflare Pages
Cloudflare Pages permite publicar sitios web directamente desde un repositorio.
La ventaja de conectarlo con GitHub es que cualquier cambio realizado en el repositorio puede actualizar automáticamente la página.
El flujo sería:
Claude crea la página.
Subes el archivo a GitHub.
Cloudflare detecta cambios.
La página se actualiza automáticamente.
Esto es especialmente útil para dashboards que necesitan renovarse constantemente.
Agregar un dominio personalizado
Además de utilizar el dominio gratuito que ofrecen estas plataformas, puedes conectar tu propio dominio.
Por ejemplo:
- tudominio.com;
- reportes.tudominio.com.
La configuración consiste en agregar algunos registros dentro del proveedor donde compraste el dominio.
Proteger páginas con usuario y contraseña
No todos los dashboards o reportes deben estar disponibles públicamente.
Por ejemplo:
- reportes de ventas;
- información financiera;
- datos internos.
Cloudflare permite agregar protección mediante variables y secretos.
Esto permite crear una página donde los usuarios tengan que ingresar:
- usuario;
- contraseña.
Las credenciales se mantienen protegidas y no aparecen directamente dentro del código público.
Automatizar reportes creados con inteligencia artificial
Una de las aplicaciones más interesantes de este flujo es crear sistemas automáticos.
Por ejemplo:
Un reporte de Meta Ads que se actualiza cada semana.
Un dashboard de ventas mensual.
Una página interna para clientes.
Una herramienta creada con Claude Code.
Al conectar inteligencia artificial con GitHub y Cloudflare puedes crear procesos donde la información se actualice automáticamente.
La importancia de entender cómo publicar lo que crea la IA
Crear una página con inteligencia artificial es solamente el primer paso.
El verdadero valor aparece cuando puedes convertir ese archivo en una herramienta usable por otras personas.
La combinación de:
- inteligencia artificial;
- GitHub;
- Cloudflare;
- automatización;
permite crear soluciones digitales mucho más rápido que antes.