← Todas las recetas
Receta · Para todos

Tu primera web hecha con IA, publicada en 15 minutos

De una idea a una página web funcionando en internet, con tu propia dirección, sin saber programar.

NivelBásico
Tiempo15 minutos
NecesitasUn asistente de IA y una cuenta gratuita de Cloudflare
Lo que obtendrásUna web de una página publicada en una dirección pública que puedes compartir y actualizar cuando quieras.
  1. Escribe el brief

    Describe para quién es la página, qué tiene que hacer y cómo debe verse. Cuanto más concreto, menos vueltas.

    Prompt
    Crea una página web completa en un solo archivo HTML para [qué es: mi estudio de fisioterapia en Valladolid].
    
    Para quién: [pacientes que buscan fisio cerca, desde el móvil].
    Secciones: inicio con una frase clara, servicios con precio, cómo llegar, horario y un botón de WhatsApp.
    Estilo: [colores, tono], limpio, letra grande, se ve bien en el móvil.
    Restricciones: sin librerías externas salvo fuentes de Google, textos en español de España, nada de datos personales.
    Datos: [pega aquí tus servicios, precios, dirección y horario].
  2. Revísala en el móvil

    Abre el resultado y pruébalo en el móvil. Pide cambios de uno en uno: primero lo que no funciona, después el diseño.

  3. Guarda el archivo

    Descarga el HTML y guárdalo como index.html dentro de una carpeta vacía llamada, por ejemplo, mi-web.

  4. Publícala en Cloudflare Pages

    En Cloudflare, entra en Workers y Pages, crea un proyecto nuevo, elige subir archivos y arrastra la carpeta. En unos segundos tendrás una dirección del tipo mi-web.pages.dev.

  5. Conecta tu dominio (opcional)

    En el proyecto, ve a dominios personalizados y añade el tuyo. Cloudflare te dice qué registros configurar si el dominio está en otro proveedor.

  6. Actualízala

    Para cambiar algo, pide el cambio a la IA, guarda el nuevo index.html y súbelo de nuevo como nueva versión del mismo proyecto.

Errores que conviene evitar
  • No pongas claves, contraseñas ni datos de clientes en el HTML: cualquiera puede leer el código de una web.
  • Si añades un formulario, necesitas un servicio que reciba los envíos; un HTML solo no los guarda.
  • Revisa los textos legales mínimos (aviso legal y privacidad) si la web es de un negocio.
@esclusa.ia