Desarrollo y seguridad Guía paso a paso

Publica tu web gratis: Cloudflare Pages, Netlify, GitHub Pages o Vercel

Para quien ya tiene una web estática (HTML, CSS e imágenes) y quiere publicarla sin pagar alojamiento. Verás qué plataforma gratuita encaja según quién la ha encargado, qué límites tiene cada una, qué cuesta el dominio y cómo subirla con Claude Code revisando antes los errores típicos.

Nivel
Principiante
Qué necesitas
La carpeta de tu web con un index.html y, para publicar desde Claude Code, la skill All Deploy (macOS o Linux; en Windows, WSL2).
Cuánto lleva
Unos 20 minutos la primera vez, contando la creación de la cuenta

Herramienta creada por Enrique Rocha.

Herramientas que usa esta guía

01 La pregunta que decide: ¿alguien ha cobrado por hacerla?

Antes de comparar velocidad o funciones, responde esto: ¿alguien ha cobrado por crear, actualizar o alojar esta web? Si la respuesta es sí, ya hay una plataforma descartada, no por técnica sino por sus condiciones de uso.

Las normas de uso justo del plan gratuito de Vercel consideran uso comercial, entre otros casos, recibir un pago por crear, actualizar o alojar el sitio, aunque la web no venda nada. GitHub Pages prohíbe los sitios orientados principalmente a transacciones comerciales o a ofrecer software como servicio. Cloudflare Pages y Netlify no tienen una cláusula equivalente en su plan gratuito.

01

Web de un cliente o encargo pagado

Cloudflare Pages: tráfico ilimitado para archivos estáticos y dominio propio con certificado automático.

02

Necesitas un formulario de contacto

Netlify: sus formularios funcionan sin configurar servidor; pones el formulario en el HTML y los envíos llegan a su panel.

03

Portafolio con el código en GitHub

GitHub Pages: se publica desde el propio repositorio, sin mover nada.

04

Proyecto personal sin cobro

Vercel: muy cómodo para proyectos con Next.js, React o Astro, siempre que sea uso no comercial.

02 Comparativa de los planes gratuitos

Cloudflare Pages Netlify GitHub Pages Vercel
Encargo pagado Sí Sí Sí, si no es tienda ni SaaS No en el plan gratuito
Dirección gratuita proyecto.pages.dev proyecto.netlify.app usuario.github.io proyecto.vercel.app
Publicar sin git Sí, subiendo la carpeta Sí, con Netlify Drop No, necesita repositorio Sí, con su CLI
Vista previa Sí Sí No Sí
Límite principal 500 compilaciones al mes, 20.000 archivos, 25 MiB por archivo 300 créditos al mes 1 GB de sitio, 100 GB de tráfico al mes (límite blando) Uso no comercial
Formularios Los montas tú Incluidos No No

Los planes gratuitos cambian. Antes de decidir, revisa la página de límites y las condiciones de cada proveedor, sobre todo si la web es para un cliente.

03 Lo único que no es gratis: el dominio

El alojamiento sale gratis en las cuatro; el nombre propio (tunegocio.com o tunegocio.es) se compra aparte y se renueva cada año. Puedes comprarlo en un registrador y apuntarlo a cualquiera de las cuatro plataformas: no tienen por qué ser la misma empresa.

  • ✓Compara el precio de renovación, no el del primer año: las ofertas iniciales suelen subir después.
  • ✓Algunos registradores venden a precio de coste, sin margen; Cloudflare es uno de ellos.
  • ✓El certificado HTTPS es gratuito en las cuatro; en GitHub Pages hay que marcar «Enforce HTTPS» en los ajustes del repositorio.
  • ✓Si es la web de un cliente, registra el dominio a su nombre y con su correo.

04 Los tres fallos que solo aparecen al publicar

Tu ordenador perdona cosas que un servidor no, así que la web se ve perfecta en local y se rompe al subirla. Casi siempre es uno de estos tres motivos.

01

La portada no se llama index.html

El servidor busca exactamente ese nombre en la raíz. inicio.html o pagina.html darán un error 404.

02

Mayúsculas distintas

Pides Logo.png y el archivo es logo.png. En Mac y Windows abre igual; en los servidores Linux, no. Síntoma: la web carga sin estilos ni imágenes.

03

Rutas a tu disco

Una imagen enlazada como file:///Users/… o C:\Users\… solo existe en tu ordenador.

05 Publica con Claude Code y All Deploy

All Deploy es una skill de código abierto (MIT) para Claude Code que detecta el tipo de proyecto, ejecuta una auditoría antes de publicar, despliega primero una vista previa y solo pasa a producción cuando la URL responde. Para una web estática revisa justo los fallos anteriores, los archivos .env, las credenciales en archivos servidos y el .nojekyll de GitHub Pages. No instala ni inicia sesión en tus cuentas por su cuenta: te da el comando y espera.

bash · Instalación y actualización
git clone https://github.com/Hainrixz/all-deploy.git ~/.claude/skills/all-deploy

# para actualizar más adelante
cd ~/.claude/skills/all-deploy && git pull
Comando Qué hace
/all-deploy Inicia el despliegue y pregunta si quieres modo automático o paso a paso
/all-deploy step Se detiene a pedir tu aprobación entre auditoría, vista previa y producción
/all-deploy auto Lo hace de corrido, con cinco segundos para cancelar antes de producción
/all-deploy local Ejecuta el proyecto en tu ordenador en lugar de publicarlo
Prompt · Publicar la web revisándola antes
Quiero publicar la web que está en [ruta de la carpeta] en [Cloudflare Pages / Netlify / GitHub Pages / Vercel]. Usa All Deploy en modo paso a paso.
1. Revisa la carpeta y dime qué has encontrado antes de subir nada.
2. Si algo la rompe, propón el arreglo y enséñame el cambio antes de aplicarlo.
3. Si hace falta iniciar sesión o instalar una herramienta, dame el comando y espera a que lo haga yo.
4. Publica primero una vista previa y, cuando responda bien, pásame la dirección final.

06 Qué no puede hacer una web estática

Sirve para No sirve para
Portafolio, currículum o web personal Cobrar con tarjeta dentro de la propia página
Landing de un producto con botón a WhatsApp o calendario Cuentas de usuario con contraseña
Web corporativa sencilla Guardar datos del visitante (salvo los formularios de Netlify)
Documentación, blog o menú de un restaurante Conectarse a una API que requiera clave privada

Si tu proyecto necesita servidor o base de datos, All Deploy también contempla destinos como Railway, Render o un VPS con Docker, pero eso ya queda fuera del alojamiento estático gratuito.

Preguntas frecuentes

Sí, en plataformas cuyo plan gratuito no prohíba el uso comercial, como Cloudflare Pages o Netlify. En Vercel, el plan gratuito excluye las webs por las que alguien ha cobrado.

No para empezar. Cloudflare Pages permite subir la carpeta desde el panel y Netlify Drop permite arrastrarla. GitHub Pages sí exige un repositorio.

Según su documentación, está pensado para macOS y Linux; en Windows debes usarlo dentro de WSL2.

Depende de la plataforma. En Netlify el proyecto se pausa al agotar los créditos; en GitHub Pages los límites son blandos; en Cloudflare Pages, si agotas las compilaciones del mes, el sitio publicado sigue en línea.

Sobre el autor

Equipo editorial de appyweb

Marketing, SEO y desarrollo con IA

Especialistas de appyweb en SEO, publicidad, desarrollo web y automatización con IA.

Sigue con estas guías

Guía paso a paso · Intermedio

All Deploy: publica tu web, app o agente desde Claude Code con auditoría previa

All Deploy es un skill para Claude Code que lleva una web, una app, una API o un agente de tu ordenador a internet siguiendo siempre el mismo proceso: detecta el tipo de proyecto, ejecuta una auditoría que bloquea ante secretos expuestos, propone el alojamiento adecuado, despliega en preview, comprueba que responde y solo entonces pasa a producción.

2 minutos para instalarlo y entre 10 y 20 minutos para el primer despliegue. Leer la guía →
Guía paso a paso · Principiante

Claude Web Builder: crea la web de tu negocio con Claude Code

Para autónomos y pequeños negocios que quieren una página de aterrizaje propia sin programar. Claude Web Builder convierte Claude Code en un diseñador web que te entrevista, construye la página en Next.js, la revisa en móvil y escritorio y, si quieres, la publica con un enlace compartible.

Unos 15 minutos de instalación más lo que tardes en reunir tu material Leer la guía →
Guía paso a paso · Principiante

Instant Landing: una landing page completa en una sola ejecución con Claude Code

Instant Landing es un método para conseguir una landing page profesional en una sola ejecución de un agente de programación: le das unas instrucciones de sistema, respondes tres preguntas sobre tu negocio y el agente instala skills útiles, construye todas las secciones y comprueba que compila. Para negocios y agencias que necesitan una primera versión rápida y revisable.

Entre 15 y 30 minutos para la primera versión funcionando en local. Leer la guía →
Guía paso a paso · Intermedio

Protege tu app con Claude: RLS en Supabase, CORS y cabeceras de seguridad

Las tres configuraciones de seguridad que más se olvidan al construir una app con ayuda de la IA: Row Level Security en Supabase/PostgreSQL para que cada usuario vea solo sus datos, CORS limitado a tus dominios y cabeceras HTTP de seguridad. Para cada una: qué riesgo cubre, un prompt para que Claude la implemente y cómo verificar que funciona.

Entre 1 y 2 horas para una app pequeña Leer la guía →
Guía paso a paso · Principiante

Construye tu primera app con Claude: de la idea al plan y del plan al código

Un método sencillo para convertir una idea en una aplicación funcional aunque no sepas programar: primero Claude te entrevista para definirla, después redacta un plan por fases y, por último, Claude Code la construye etapa a etapa mientras tú pruebas. Incluye prompts para cada fase, ideas de proyectos para empezar y las señales de que necesitas a un profesional.

Media hora para la idea y el plan; una tarde para tener una primera versión funcionando. Leer la guía →

¿Quieres llevar la IA a tu empresa sin pelearte con todo esto?

Diseñamos e implantamos agentes, automatizaciones y asistentes con IA a medida de tu negocio.

Ver nuestros servicios de IA

Cuéntanos tu proyecto. Te respondemos en 48 h.

Auditoría gratuita de IA, campañas, web y SEO, con prioridades y cifras reales de tu negocio.

✓ Sin compromiso ✓ Respuesta en 48 h laborables ✓ Un consultor senior, no un bot
WA WhatsApp