Cómo subir tu página web hecha con IA (ChatGPT, Claude o Lovable)

Tener una página web hecha con IA es hoy cuestión de minutos. Le describes lo que quieres a una herramienta como Claude, ChatGPT o Lovable, y te devuelve un diseño funcional que parece terminado. El problema aparece justo después: ese resultado vive dentro de la herramienta o en un archivo de tu computadora, y nadie más puede verlo en internet

Para que tu página sea una web real con una dirección que cualquiera pueda escribir en su navegador falta un paso: subirla a un hosting y conectarla a un dominio. En esta guía lo verás de principio a fin, con un detalle que casi ninguna guía explica bien: cada IA genera un tipo de web distinto, y no todas se publican igual.

Respuesta rápida: los 5 pasos para publicar tu web

Para subir a un hosting una página hecha con IA, el proceso es este:

1. Exporta el código que te generó la herramienta (normalmente archivos HTML, CSS y JavaScript, o un proyecto completo).
2. Identifica qué tipo de web es: una página estática se publica en cualquier hosting; una aplicación (React, Lovable, Next.js) puede necesitar pasos o servidores distintos.
3. Contrata un hosting y un dominio: el espacio donde vivirán tus archivos y la dirección con la que se accede a ellos.
4. Sube los archivos a la carpeta pública de tu hosting (public_html), con el administrador de archivos o por FTP.
5. Conecta el dominio y activa el HTTPS para que tu web cargue de forma segura.

Si tu web es estática lo más habitual cuando pides «una landing» o «una página de presentación», con un hosting compartido tienes de sobra. A partir de aquí, cada paso en detalle.

Antes de empezar: cada IA genera un tipo de web distinto

Este es el punto que decide si publicar te toma dos minutos o una tarde entera. El «tipo» de web que obtienes depende de la herramienta que usaste.

ChatGPT: normalmente una web estática (HTML, CSS y JS)

Cuando le pides a ChatGPT el código de una página, casi siempre te entrega archivos estáticos: un index.html, algo de CSS y quizá algo de JavaScript. El navegador simplemente los muestra, sin ningún servidor procesando nada por detrás.

Es el caso más fácil: una web estática funciona en cualquier hosting, incluido el compartido más económico. Si tu página es una landing, un portafolio o una web informativa, casi seguro estás aquí.

Claude: web estática o aplicación en React, según lo que pidas

Claude es más versátil, y eso cambia el flujo. Si le pides «una página web», suele darte un HTML estático listo para subir. Pero si le pides una app o un componente, puede generarte código en React, que ya no es un archivo suelto: necesita un paso de compilación antes de poder alojarse.

La regla es simple: mira lo que te dio. ¿Un archivo .html que abre solo con doble clic? Es estático, publicación sencilla. ¿Un proyecto con package.json, carpeta src y componentes? Es una app; salta al caso especial del final.

Lovable: una aplicación en React/Vite (a veces con backend)

Lovable no genera páginas sueltas: crea aplicaciones completas con React y Vite, y en muchos proyectos añade un backend (por ejemplo con Supabase para base de datos y autenticación). Es una gran noticia para el rendimiento y la interactividad, pero significa que no puedes arrastrar esos archivos a un hosting cualquiera y esperar que funcionen.

Una app de Lovable necesita compilarse antes de subirla, y si usa backend, necesita un entorno que ejecute código de servidor. Lo desarrollamos al final, porque es donde más gente se atasca.

Regla práctica: si abres el archivo principal en tu navegador (doble clic) y tu web se ve bien, es estática y la publicación será sencilla. Si necesita un servidor para arrancar, prepárate para el caso especial.

Paso 1. Exporta el código desde tu IA

Antes de subir nada, necesitas el código en tu computadora. Según la herramienta:

• Desde ChatGPT: copia los bloques de código que te dio y pégalos en archivos de texto. Guarda el principal como index.html (asegúrate de que la extensión sea .html, no .txt). Si usaste Canvas, puedes exportar directamente.
• Desde Claude: copia el código del artefacto y guárdalo como index.html, o descarga los archivos si te ofrece esa opción. Si te generó un proyecto en React, descárgalo completo.
• Desde Lovable: exporta el proyecto a GitHub o descarga el ZIP. No es una web lista para subir, sino un proyecto que hay que compilar (ver el caso especial).

El detalle universal: el archivo principal de una web estática debe llamarse index.html. Es el nombre que los servidores buscan por defecto. Si lo llamas pagina.html, tu web existirá, pero no aparecerá al entrar al dominio «a secas».

Paso 2. Organiza los archivos de tu web

Si tu web es un único HTML con todo incrustado, casi puedes saltarte este paso. Si son varios archivos, el orden importa. Una estructura típica:

mi-web/
├── index.html
├── css/
│   └── estilos.css
├── js/
│   └── script.js
└── img/
    └── logo.png

La clave son las rutas relativas. Si tu HTML llama a css/estilos.css, esa carpeta debe existir exactamente con ese nombre. Un error de mayúsculas (CSS en vez de css) hace que en tu computadora se vea perfecto y en el servidor se vea «roto», sin estilos. Los servidores Linux los más usados en hosting distinguen mayúsculas y minúsculas; tu computadora con Windows probablemente no.

Comprueba que todo carga abriendo index.html localmente antes de subir nada.

Paso 3. Elige el hosting adecuado para tu web

El tipo de web define el hosting que necesitas:

• Web estática (ChatGPT, o Claude en modo HTML): un hosting compartido basta y es la opción más económica. Rápido de configurar, sin mantenimiento de servidor.
• App de React ya compilada (Claude, Lovable sin backend): también encaja en un hosting compartido, porque tras el build pasa a ser archivos estáticos.
• App con servidor o base de datos (Lovable con Supabase, Next.js dinámico): necesitas un VPS, un hosting para aplicaciones o cloud, con soporte para Node.js y recursos dedicados.

Para la mayoría de webs hechas con IA landings, portafolios, webs de negocio un hosting compartido de calidad cubre todo: espacio, correo, SSL y un panel para gestionarlo. En Ecuador, al estar la economía dolarizada, verás los precios directamente en dólares (USD), lo que facilita comparar planes sin conversiones raras.

Si aún no tienes claro qué plan se ajusta a tu proyecto, empieza por conocer los tipos de alojamiento en nuestra planes de hosting web en Ecuador.

Paso 4. Registra tu dominio y entiende su papel

Es fácil confundir dominio y hosting, así que separémoslos:

• El hosting es el espacio del servidor donde viven los archivos de tu web.
• El dominio es la dirección (como tunegocio.com) que la gente escribe para llegar a esa web.

Uno guarda; el otro señala. Necesitas ambos. El dominio se conecta al hosting a través de los DNS, el sistema que traduce tu nombre a la dirección real del servidor. En la práctica, suele bastar con apuntar los nameservers de tu dominio a los de tu hosting, o configurar un registro A hacia la IP del servidor.

En Ecuador tienes dos caminos habituales: un dominio internacional .com (más económico y reconocido globalmente) o el dominio territorial .ec, que transmite cercanía y presencia local gestionado por Nic.ec y sin requisitos de residencia. El .ec suele costar más que el .com, así que elige según tu público: si vendes puertas adentro de Ecuador, el .ec refuerza tu marca local.

Cuando contratas dominio y hosting con el mismo proveedor, la conexión suele venir preconfigurada y te ahorras el paso más técnico. Revisa opciones en nuestra registro de dominios .com y .ec.

Paso 5. Sube los archivos a tu hosting

Con el hosting contratado y el dominio apuntando, subes tu web. Dos formas habituales.

Opción A: Administrador de archivos (cPanel)

La vía más sencilla si tu hosting incluye cPanel:

1. Entra al panel de tu hosting.
2. Abre el Administrador de archivos.
3. Entra a la carpeta public_html (es la pública: todo lo que esté ahí será visible en tu dominio).
4. Sube tus archivos. Si tienes un .zip, súbelo y usa «Extraer» para descomprimirlo en el servidor. Lo ideal es que index.html quede en la raíz del ZIP, no dentro de subcarpetas anidadas.
5. Asegúrate de que index.html quede directamente dentro de public_html.

Opción B: FTP o SFTP

Si prefieres un programa de escritorio o tienes muchos archivos:

1. Descarga un cliente como FileZilla.
2. Conéctate con los datos FTP de tu hosting (servidor, usuario, contraseña y puerto).
3. Cuando puedas, usa SFTP en vez de FTP: cifra la conexión y es más seguro.
4. Arrastra tus archivos a public_html.

Un consejo de seguridad importante con webs de IA: revisa el código antes de subirlo. Una IA puede cometer errores; no publiques código que pida contraseñas, cargue scripts desconocidos o incluya claves privadas, y nunca pegues tus credenciales de hosting dentro de la conversación con la IA.

Terminada la subida, escribe tu dominio en el navegador. Si ves tu web, lo lograste. Si no, casi siempre es un detalle menor de los de abajo.

Paso 6. Activa el HTTPS con un certificado SSL

Una web moderna debe cargar sobre HTTPS, el protocolo seguro que cifra la conexión entre el visitante y tu servidor. Sin él, los navegadores muestran «sitio no seguro» y los buscadores lo penalizan.

La mayoría de hostings de calidad incluyen certificados SSL gratuitos (normalmente de Let’s Encrypt) que se activan con un clic desde el panel. Ya activo, revisa que tu web cargue con el candado y sin avisos de contenido mixto (mixed content): eso ocurre cuando alguna imagen o script se llama con http:// en lugar de https://. Corrige esas rutas y el candado quedará limpio.

Nosotros les damos gratis el Certificado SSL en nuestros planes de Hosting en Ecuador.

Paso 7. Comprueba que todo funciona

Antes de dar tu web por publicada, dedícale un par de minutos:

• Ábrela en el celular y en la computadora.
• Verifica que se vean imágenes y estilos.
• Prueba enlaces y botones.
• Confirma que carga con https:// y candado.

Si algo falla, casi siempre es una ruta mal escrita o un archivo que no se subió. Nada que no se arregle volviendo al paso correspondiente.

Errores frecuentes al subir una web hecha con IA

• El archivo no se llama index.html. El dominio carga en blanco o muestra un error tipo «Cannot GET /». Renómbralo.
• Los estilos desaparecen en el servidor. Casi siempre, mayúsculas/minúsculas distintas en las rutas.
• Subir la web dentro de una subcarpeta. Si queda en public_html/mi-web/, se verá en tudominio.com/mi-web/, no en la raíz. Muévela.
• Intentar publicar una app como si fuera estática. Si es de Lovable, o React/Next.js, revisa el siguiente apartado.
• Olvidar el SSL. Sin HTTPS la web funciona, pero da mala imagen y peor posicionamiento.
• Avisos de contenido mixto. Recursos cargados por http:// dentro de una web https://.
• No revisar el código de la IA. Errores o dependencias inseguras que conviene detectar antes de publicar.

Caso especial: webs con React, Next.js o backend (Lovable y otras)

Si tu IA generó una aplicación en lugar de una página estática, el flujo cambia.

App de React o Vite sin servidor (típico de Lovable, o Claude en modo React): antes de subir nada, genera la versión final. Con Node.js instalado, dentro del proyecto ejecutas:

npm install
npm run build

El resultado es una carpeta (normalmente dist o build) con archivos estáticos optimizados. Esa carpeta es la que subes a public_html, siguiendo los mismos pasos de antes. A partir de ahí, la app se comporta como un sitio estático y vive tranquila en un hosting compartido.

App con backend o renderizado de servidor (Lovable con Supabase, Next.js dinámico): aquí necesitas un entorno que ejecute Node.js de forma permanente, más control sobre procesos y recursos. Un hosting compartido se queda corto; lo indicado es un VPS o un hosting para aplicaciones. Si tu proyecto usa Supabase, además tendrás que configurar sus variables de conexión. Puedes ver cuándo conviene dar ese salto en nuestra servidores VPS para aplicaciones web.

Conclusión

Publicar una web hecha con IA no es difícil, pero conviene entender una cosa: el código que te entrega la herramienta es solo el punto de partida. Para convertirlo en una web accesible necesitas un hosting donde alojar los archivos y un dominio que apunte a ellos. Con una página estática de ChatGPT o de Claude, el proceso son minutos; con una app de Lovable o un proyecto React, un par de pasos más.

Lo mejor es que, tras hacerlo la primera vez, el flujo se vuelve natural: exportar, subir, conectar el dominio, activar el SSL y comprobar. Ya tienes tu web online.

¿Ya tienes lista tu web hecha con IA? El siguiente paso es alojarla en un sitio rápido, seguro y con soporte en español. Mira nuestros planes de hosting y elige el que se ajuste a tu proyecto.

Preguntas frecuentes

¿Puedo subir a cualquier hosting la web que me hizo Claude, ChatGPT o Lovable?

Depende del tipo de web. Si es estática (HTML, CSS y JS) lo habitual en ChatGPT y en Claude cuando pides una página, funciona en cualquier hosting, incluido el compartido. Si es una app de Lovable o de React, primero hay que compilarla; y si tiene backend, necesitarás un VPS o un hosting para aplicaciones.

¿Necesito un dominio para publicar mi web?

Sí, si quieres una dirección propia y profesional. El hosting guarda los archivos y el dominio es la dirección con la que los visitantes acceden. En Ecuador puedes elegir un .com (más económico) o un .ec (dominio territorial, ideal si tu público es local).

¿Por qué mi web se ve bien en mi computadora pero mal al subirla?

Lo más común son rutas con mayúsculas/minúsculas distintas. Los servidores Linux diferencian Estilos.css de estilos.css; tu computadora quizá no. Revisa que las rutas coincidan exactamente.

¿Qué es la carpeta public_html?

Es la carpeta pública de tu hosting. Todo lo que colocas dentro se muestra en tu dominio. Tu index.html debe estar directamente ahí, no en una subcarpeta.

¿Y si mi web es de Lovable o usa React?

No subas el proyecto tal cual. Primero genera la versión final con npm install y npm run build; obtendrás una carpeta de archivos estáticos que ya puedes subir. Si tu proyecto usa backend (por ejemplo Supabase), necesitarás un VPS o un hosting para aplicaciones.

¿Cuánto cuesta publicar una web hecha con IA en Ecuador?

El costo depende del plan de hosting y del dominio que elijas, y en Ecuador se paga en dólares. Una web estática vive sin problema en un plan compartido económico; una app con backend requiere un VPS, algo más de inversión.

¿Cómo activo el HTTPS?

Con el certificado SSL gratuito del panel de control. Una vez activo, tu web cargará con el candado de seguridad.