Hazlo tú

Tu web en Cloudflare con IA: publica la página de tu negocio sin programar

Puedes publicar la página de tu negocio en Cloudflare sin programar: Claude Code prepara los archivos y tú revisas y autorizas la publicación.

Por

Director de Ciade · 13 min de lectura ·

Foto: Sara Kozak / Unsplash · tratamiento Ciade · Licencia de Unsplash
Índice del artículo
  1. En 30 segundos
  2. Una página para que te encuentren y contacten
  3. Qué pagas y para qué
  4. Quién actúa en cada momento
  5. Prepara el ordenador y la carpeta
  6. Encarga una página que puedas revisar
  7. Revisa el resultado antes de publicarlo
  8. Autoriza la publicación con un destino claro
  9. Comprueba la web como visitante
  10. Haz un cambio y ensaya la vuelta atrás
  11. Errores que conviene reconocer
  12. Dónde seguir con tu web
  13. Dudas sobre tu web en Cloudflare, respuestas cortas

En 30 segundos

  1. Puedes publicar la página de tu negocio en Cloudflare sin programar: Claude Code prepara los archivos y tú revisas y autorizas la publicación.

  2. El ejercicio termina con una página de presentación que puedes abrir, actualizar y recuperar. Una tienda, las reservas y el envío de formularios requieren trabajo adicional. Puedes hacerlo desde la aplicación de escritorio sin abrir tú una terminal, la ventana donde se escriben órdenes técnicas; el agente sí utiliza herramientas de publicación.

  3. La disponibilidad de Workers y Pages en España se apoya en su oferta y condiciones oficiales.

Una página para que te encuentren y contacten

Ejemplo ilustrativo: un taller de bicicletas de Zaragoza quiere mostrar sus servicios, horario y contacto. El dueño facilita esos datos y revisa la página antes de publicarla. Claude Code actúa como agente: una IA que trabaja con archivos y herramientas dentro de los permisos concedidos. Cloudflare aloja la web, es decir, guarda los archivos y los entrega a quien abre su dirección. El caso es ficticio; no representa una publicación ni ventas medidas.

La página será estática: archivos preparados de antemano que el navegador muestra. HTML organiza el contenido y CSS define su aspecto. No necesitas escribirlos para seguir la guía, pero sí reconocer qué vas a publicar. El ejercicio puede terminar en un subdominio proporcionado por Cloudflare, una dirección dentro de su propio dominio: workers.dev. Cloudflare lo reserva para proyectos personales o de afición que no sean críticos para el negocio; recomienda un dominio propio para producción, cuando la web se utiliza de forma habitual por clientes.

Qué pagas y para qué

Asistente y alojamiento cumplen tareas distintas: uno prepara la web y el otro la sirve. Combina ambas piezas; las alternativas de esta tabla no son suscripciones que debas contratar juntas. Los importes en euros corresponden a la tienda española, no a una conversión del precio web.

Datos comprobados el 4 de noviembre de 2026.

Claude Code

Anthropic

ComercialDisponible
Para qué
Ruta principal: crea y modifica los archivos desde la aplicación de escritorio.
Plan y precio y qué comprobar

España figura en las regiones admitidas. En Ciade usamos Claude Code a diario desde España.

Plan y precio
Desde Pro: 22,00 €/mes o 249,99 €/año en App Store España, IVA incluido. Web: 20 USD/mes o 200 USD por un año pagado por adelantado, sin impuestos aplicables.
Qué comprobar
Pro tiene límites de cinco horas y semanales. El consumo depende del trabajo; la suscripción no garantiza un número de webs ni uso sin interrupciones.

Claude Free

Anthropic

ComercialDisponible
Para qué
Alternativa manual: el chat ayuda a preparar contenido y archivos que tú guardas y subes.
Plan y precio y qué comprobar

El chat está disponible en España. Free no reproduce el agente local de esta guía.

Plan y precio
Free: 0 USD. No incluye Code; alojamiento y extras se evalúan aparte.
Qué comprobar
Tú conservas la carpeta terminada y la subes a Pages desde el navegador; no sigas los pasos del agente local como si tuvieses Code.

Workers

Cloudflare

ComercialDisponible según la documentación
Para qué
Destino principal: sirve HTML, CSS e imágenes con Static Assets, su servicio de archivos estáticos.
Plan y precio y qué comprobar

Publica solo la carpeta de archivos públicos y comprueba la dirección como visitante.

Plan y precio
Workers Free: 0 USD para estos archivos. Sin cargo de IVA sobre ese servicio gratuito; asistente, dominio y servicios añadidos aparte.
Qué comprobar
Wrangler necesita Node.js, el programa que permite ejecutarlo, y npm, la herramienta que permite instalarlo. Free admite 20.000 archivos por versión y 25 MiB por archivo; MiB es una unidad de tamaño de archivo.

Pages

Cloudflare

ComercialDisponible según la documentación
Para qué
Subida manual: arrastras una carpeta o ZIP preparado al panel y recibes una dirección del proveedor.
Plan y precio y qué comprobar

Prepara los archivos antes de subirlos. Tú realizas también las subidas de cada actualización.

Plan y precio
Archivos estáticos en el plan gratuito: 0 USD. Sin cargo de IVA sobre ese servicio gratuito; funciones adicionales aparte.
Qué comprobar
El arrastre admite 1.000 archivos y 25 MiB por archivo. El proyecto Direct Upload no puede convertirse después en uno conectado a Git, un sistema que conserva el historial de los archivos: tendrás que crear otro proyecto.

Aider

Aider

Código abiertoDisponible con requisitos
Para qué
Alternativa técnica: modifica HTML y CSS desde una terminal con un modelo de IA remoto o local, el sistema que genera las respuestas.
Plan y precio y qué comprobar

La licencia permite usar el programa localmente en todo el mundo. El modelo elegido tiene condiciones propias.

Plan y precio
0 € de licencia bajo Apache 2.0. Preparación, ordenador y consumo del modelo aparte; no hay compra de licencia sobre la que sumar IVA.
Qué comprobar
Requiere instalación y comandos. Admite modelos locales con Ollama, una herramienta para ejecutarlos en tu ordenador; con Claude remoto la API, la conexión entre programas, se paga aparte de Pro.

Referencias del 4 de noviembre de 2026. Confirma el importe y el canal de compra al contratar.

Quién actúa en cada momento

  1. Tú encargas
  2. IA prepara
  3. Tú revisas
  4. Tú autorizas
  5. IA publica
  6. Tú compruebas

Prepara el ordenador y la carpeta

  1. Comprueba los requisitos

    Para la ruta completa necesitas macOS 13.5 o posterior o Windows 11, una cuenta de Claude con acceso a Code y una cuenta de Cloudflare. Instala la aplicación de escritorio de Claude desde su descarga oficial. Code viene incorporado: no requiere instalar Node.js por separado para abrir esa pestaña. La publicación utiliza Wrangler, la herramienta de Cloudflare para enviar los archivos; esta sí necesita Node.js y npm. Pide al agente la comprobación de abajo antes de añadir programas.

  2. Trabaja en una sesión local

    Crea una carpeta para la web y ábrela en la pestaña Code. Elige una sesión local en modo Manual, que solicita aprobación para editar archivos y ejecutar comandos. Revisa también las reglas de permisos ya guardadas para esa carpeta: una autorización anterior puede afectar a lo que vuelve a preguntar. La sesión en la nube tiene otros modos. Antes de aceptar una acción, lee qué archivos cambia o qué orden ejecuta; si no entiendes su propósito, pide una explicación con palabras sencillas.

  3. Prepara los datos del negocio

    Reúne solo información que quieras hacer pública: servicios, horario, contacto y fotografías que puedas utilizar. Señala qué datos faltan; no pidas al agente que complete direcciones, precios o afirmaciones comerciales por su cuenta. Para practicar con el taller, conserva los huecos hasta que tengas los datos reales. Deja documentos de clientes y copias privadas fuera de la carpeta destinada a publicación. Acordar ese contenido antes del diseño permite revisar después la página contra una referencia concreta, en vez de aprobarla solo porque tiene buen aspecto.

Comprobar antes de instalar
Comprueba las versiones de Node.js, npm y Wrangler disponibles en este ordenador y su compatibilidad con esta ruta. No instales nada todavía. Si falta una herramienta, explica para qué hace falta y qué propones instalar. Espera mi aprobación.
Si no encuentra una herramienta, resuelve ese requisito antes del encargo de publicación.

Encarga una página que puedas revisar

Un prompt es el encargo escrito que das a la IA. Aquí debe fijar contenido, alcance y comprobación. Sustituye los huecos del ejemplo por información revisada de tu negocio y conserva las restricciones sobre datos pendientes.

Si todavía no has elegido imágenes, pide una primera versión sin ellas. Así podrás decidir la estructura antes de añadir material.

Encargo de la web
Quiero una página de presentación para un taller de bicicletas en Zaragoza.

Datos que aportaré antes de publicar:
- Nombre comercial: [NOMBRE].
- Servicios: [SERVICIOS CONFIRMADOS].
- Horario: [HORARIO REAL].
- Dirección pública y contacto: [DATOS REVISADOS].

Crea solo HTML y CSS dentro de public, con index.html y estilos.css. No añadas formularios, reservas ni cobros. Usa únicamente los datos e imágenes que te facilite; deja pendientes los huecos y no inventes información comercial.

La página debe adaptarse al móvil y poder recorrerse con teclado. El contacto debe ser un enlace al destino que yo confirme. No publiques todavía. Dime cómo abrir la vista previa y qué archivos has creado.
No publiques los marcadores entre corchetes: sustitúyelos por datos reales o retira esa sección.

Revisa el resultado antes de publicarlo

  1. Contrasta el contenido

    Abre la vista previa que propone el agente y compara cada dato con tu encargo. Lee también el texto pequeño: servicios añadidos, condiciones o promesas pueden cambiar lo que estás ofreciendo. Si hay un dato pendiente, resuélvelo o retira ese apartado antes de seguir. Pide las correcciones con una frase concreta, como «retira este servicio porque no lo prestamos». Revisa las diferencias que muestra Code y acepta cada cambio después de comprobar su efecto; una explicación del agente no sustituye a mirar la página.

  2. Prueba el uso real

    Estrecha la ventana y comprueba que el contenido sigue siendo utilizable: títulos completos, textos legibles y botones alcanzables. Como referencia, el criterio de reflujo de W3C exige que el contenido pueda adaptarse a una anchura de 320 píxeles CSS sin perder información ni funciones, con excepciones. Recorre los enlaces con el teclado y revisa dónde conducen. Si has elegido WhatsApp, confirma el número y abre el destino. Estas comprobaciones ayudan a detectar fallos concretos; no certifican toda la accesibilidad ni demuestran que un formulario envíe mensajes. El agente debe corregir los problemas que encuentres antes de publicar.

  3. Conserva la versión aprobada

    Pide una copia fuera de la carpeta pública con el encargo de abajo. Comprueba dónde se ha guardado y que contiene los archivos aprobados, no una versión anterior de la página. Conserva también las instrucciones que han funcionado: podrás reutilizarlas para explicar una corrección sin reconstruir toda la conversación. La copia debe servirte para recuperar contenido, por eso no conviene sobrescribirla con cada intento. Antes de autorizar la subida, pide al agente que identifique claramente qué carpeta enviará y confirme que las copias quedan fuera.

Guardar la copia aprobada
Guarda una copia de public fuera de esa carpeta, con la fecha y la hora en el nombre y sin sobrescribir copias anteriores. Dime su ubicación y comprueba que contiene los mismos archivos que la versión que acabo de aprobar.

Autoriza la publicación con un destino claro

Inicia sesión en Cloudflare desde tu navegador y completa la confirmación de correo si te la pide. El agente puede preparar la publicación, pero no necesita que pegues contraseñas en la conversación. Antes de actuar, debe explicarte la cuenta de destino, el nombre del sitio y los archivos que enviará. Publicar, también llamado desplegar, lleva esos archivos desde tu ordenador al alojamiento. Si quieres entender mejor esa separación, consulta qué es publicar una web.

Hay dos autorizaciones distintas. Code pide permiso para ejecutar la herramienta; después, Wrangler abre el navegador para solicitar acceso a Cloudflare mediante OAuth, un sistema que concede permisos sin entregar tu contraseña al agente. Lee la pantalla antes de pulsar Allow. Sin opciones, el inicio de sesión de Wrangler solicita todos los ámbitos disponibles, los tipos de acciones autorizadas. No deduzcas de ello acceso administrativo universal ni que el permiso se limite a esta página. Si la cuenta o el alcance no encajan, detente y acláralos.

Encargo de publicación
Prepara la publicación de esta web estática en Cloudflare Workers con Static Assets y Wrangler. El sitio se llamará taller-bicis-zaragoza y la carpeta pública será public.

Antes de publicar, muéstrame la cuenta de destino, los archivos que subirás y los permisos necesarios. Excluye copias y documentos privados. No añadas funciones dinámicas ni actives run_worker_first. No cambies DNS, dominio ni correo.

Avísame cuando deba autorizar en el navegador. Espera mi aprobación para publicar. Al terminar, entrega la dirección pública y comprueba que responde.
Sustituye el nombre del sitio por el que hayas elegido. Mantén la carpeta pública separada de los documentos privados.
Retirar la sesión de Wrangler
Cuando hayamos terminado de publicar, actualizar y recuperar la web, cierra la sesión de este ordenador con wrangler logout. Explícame el resultado.
La salida invalida el token OAuth, la credencial de esa autorización, y elimina las credenciales guardadas. No elimina un token API independiente.

Comprueba la web como visitante

  1. Abre la dirección pública

    Guarda la dirección entregada por el agente y ábrela en el móvil con otra conexión, por ejemplo, con datos móviles y la wifi apagada. Recorre la página completa y vuelve a comprobar el contacto. La vista previa del ordenador solo muestra el trabajo local; ahora estás comprobando el acceso a la copia alojada. Que el agente diga que ha publicado o que una dirección responde no demuestra por sí solo que el contenido sea el aprobado. Mira el nombre del negocio y el dato que acabas de revisar.

  2. Si la instalación te bloquea

    Con los archivos terminados puedes optar por Pages Direct Upload, la subida manual desde el navegador. En el panel de Cloudflare, arrastra la carpeta pública o un ZIP con esos archivos y comprueba el resultado como visitante. Recibirás una dirección del proveedor terminada en pages.dev, distinta del destino principal de esta guía. En esta alternativa tú haces las subidas sucesivas. Si ya habías publicado con Workers, anota qué proyecto vas a mantener para no revisar una dirección mientras actualizas la otra.

Haz un cambio y ensaya la vuelta atrás

  1. Actualiza un solo dato

    Elige un cambio pequeño, como el horario de atención confirmado por el dueño. Antes de modificarlo, conserva la copia que acabas de revisar. Pide al agente que cambie ese dato y te muestre el resultado local. Revísalo y autoriza una nueva publicación en el mismo proyecto. Comprueba después el horario en la dirección pública.

  2. Recupera la versión publicada

    En Workers puedes volver a una versión previamente desplegada desde el panel o mediante Wrangler. Pide al agente que identifique la versión anterior y explique la recuperación antes de autorizarla. Después abre otra vez la dirección pública y busca el dato que debía volver a su estado anterior. También puedes restaurar los archivos de la copia y publicarlos de nuevo. Recuperar una carpeta local, por sí solo, no modifica la web que ven los clientes. Guarda cuál es la versión activa y alinea los archivos locales antes de continuar trabajando.

Cambiar y recuperar
Cambio: sustituye el horario por [HORARIO CONFIRMADO]. Guarda antes una copia fuera de public. Enséñame el cambio y espera mi aprobación para volver a publicar en el mismo proyecto.

Tras comprobarlo, identifica la versión anterior publicada en Workers y explícame cómo volver a ella. Espera mi aprobación para recuperarla. Comprueba después la dirección pública y dime cómo dejar también los archivos locales alineados con esa versión.

Errores que conviene reconocer

Sigue la web antigua

Comprueba el destino si recargar no muestra el cambio. Revisa la publicación activa y que estás abriendo su dirección; una recarga no resuelve cualquier versión antigua.

Confundir los cupos

Las peticiones de archivos estáticos son gratuitas e ilimitadas; ejecutar código del Worker puede consumir cuota. No hay una equivalencia fija entre solicitudes y visitantes.

Recuperar otros datos

Recuperar una versión de Workers no cambia los recursos conectados, como una base de datos. Esta práctica se limita a archivos de presentación.

Dónde seguir con tu web

Conserva un registro sencillo de la web: la carpeta de trabajo, la dirección pública y la versión que has aprobado. Si aparece una incidencia, podrás explicar qué estabas cambiando y qué resultado esperabas. Anota también las comprobaciones pendientes y quién se encargará de resolverlas. Si falla la instalación, la autorización o la recuperación, no des el ejercicio por terminado.

Para ampliar el trabajo tienes la guía de Claude Code. Si prefieres una formación guiada, consulta la formación para crear tu web con IA. Un dominio propio requiere una revisión posterior del dominio y el correo existentes; puedes preparar esa conversación con dominio y DNS, el sistema que dirige un nombre hacia sus servicios.

Dudas sobre tu web en Cloudflare, respuestas cortas

¿Necesito pagar Claude si el alojamiento es gratuito?

Para seguir la ruta con el agente local necesitas un plan que incluya Code. El chat Free permite una alternativa manual, pero tú guardas y subes los archivos; no ofrece la misma forma de trabajar con la carpeta. El alojamiento gratuito no incluye el asistente.

¿Puedo utilizar un dominio terminado en .es?

No confundas registrar el nombre y alojar la web. El catálogo de Cloudflare Registrar consultado no incluye .es; eso no impide utilizar un dominio registrado en otro proveedor. Para usar un dominio propio en Workers necesitas que tenga una zona activa en Cloudflare, donde se configura su DNS. Revisa esa configuración según los servicios que ya utilices.

¿La página puede recibir reservas o vender productos?

Esta práctica prepara una página de presentación con datos y enlaces de contacto. Publicar HTML y CSS no añade cobros, inventario, reservas ni entrega de formularios. Si necesitas alguna de esas funciones, define el proceso y quién lo mantendrá antes de ampliar el encargo al agente.

¿Que abra en el móvil significa que ya está todo listo?

Solo demuestra ese acceso y las funciones que hayas comprobado. No acredita que Google la haya incluido en sus resultados, que venda ni que cumpla todas las obligaciones legales o de accesibilidad. Para una web empresarial crítica, revisa también la recomendación de Cloudflare de usar un dominio propio.

Fuentes

Fuentes oficiales, consultadas el 4 de noviembre de 2026

  1. Anthropic · Regiones admitidas
  2. Anthropic · Precios de Claude
  3. Anthropic · Pro y consumo de la API
  4. App Store España · Pro mensual y anual
  5. Apple · Impuestos de suscripciones
  6. Anthropic · Empezar en Code Desktop
  7. Anthropic · Sesiones locales y permisos
  8. Cloudflare · Requisitos de Wrangler
  9. Cloudflare · Autorización y cierre de sesión
  10. Cloudflare · Publicar archivos estáticos
  11. Cloudflare · Carpeta pública y configuración
  12. Cloudflare · Facturación de archivos estáticos
  13. Cloudflare · Límites de Workers
  14. Cloudflare · Planes de Workers
  15. Cloudflare · Uso de su subdominio gratuito
  16. Cloudflare · Dominio propio en Workers
  17. Cloudflare · Subida manual a Pages
  18. Cloudflare · Archivos estáticos y Functions
  19. Cloudflare · Condiciones del servicio
  20. Cloudflare · Oferta de Workers en España
  21. Cloudflare · Extensiones de Registrar
  22. Cloudflare · Catálogo de extensiones
  23. Aider · Herramienta y modelos compatibles
  24. Aider · Licencia Apache
  25. Aider · Modelos locales con Ollama
  26. W3C · Diseño adaptable a anchuras estrechas
  27. Cloudflare · Recuperar versiones publicadas

Cómo lo comprobamos. Fuentes consultadas el 4 de noviembre de 2026. No hemos probado la secuencia completa de publicación, actualización y recuperación con una cuenta española, la combinación de chat gratuito y subida manual ni Aider. Comprueba en tu cuenta los requisitos y cada resultado antes de utilizar la página para tu negocio.

Qué ha cambiado.

  • 4 de noviembre de 2026: Reescritura v2: compatibilidad, permisos, precios para España y alternativa de subida manual. Corregida la diferencia entre restaurar archivos y recuperar una publicación.

Términos relacionados

¿Prefieres que te la hagamos?

Diseñamos, escribimos y publicamos la web de tu empresa con agentes de IA, y una persona revisa cada paso. Mira cómo trabajamos y nuestras propias webs, en vivo.

¿Prefieres aprender a hacerla tú? Crea tu cuenta gratis →

El canal de Telegram de Ciade

El lunes, una palabra del glosario. El miércoles, un consejo práctico. El viernes, las noticias de IA de la semana. Y el martes, el boletín.

Unirme al canal

Tú decides qué medimos

Las cookies técnicas hacen que la web funcione. Con tu permiso, además, medimos las visitas con Ahrefs y de qué campaña llegas, y Meta mide nuestros anuncios y puede mostrarte los de Ciade en Facebook e Instagram. Puedes cambiarlo cuando quieras en «Configurar cookies», al pie de la página. Política de cookies