Publica tu web gratis a partir de una carpeta
Esta guía sirve si tu web es una carpeta de archivos: un index.html arriba del todo y, a su lado, los estilos, el código, las imágenes y las tipografías. Así son las webs hechas a mano o exportadas como estáticas, y así queda un kit de Promti al descomprimir la descarga, que ya trae esta guía dentro.
- Tiempo
- 5 minutos
- Coste
- Gratis
Al acabar, la tendrás en internet en una dirección terminada en .pages.dev, con el plan gratuito de Cloudflare, y sabrás cómo cambiarla por una versión nueva. Subirla es cuestión de minutos; revisar antes la carpeta te ahorra repetir.
Alojarla no cuesta nada: Cloudflare no cobra las peticiones a archivos estáticos en ningún plan. Solo pagarás si luego quieres tu propio dominio o un buzón de correo con él.
Antes de empezar
- La carpeta de la web, o un .zip de ella, con el index.html en el primer nivel y no escondido en una subcarpeta.
- Un email para la cuenta de Cloudflare y el ordenador donde tienes guardada la carpeta.
- Un nombre de proyecto que te guste ver en la dirección, porque será el principio de tu-nombre.pages.dev.
- Si la carpeta lleva vídeos o modelos 3D, el peso de los archivos más grandes: hay un máximo por archivo, que verás en los pasos.
Paso a paso: pon tu web en internet
- Ten a mano el archivo que has descargado: Cloudflare acepta el .zip tal cual o la carpeta que hay dentro (index.html y lo demás).
- Entra en dash.cloudflare.com y crea una cuenta gratuita (o inicia sesión).
- Abre Workers & Pages y pulsa Create application. La página empieza por Workers: pulsa Get started donde ofrece Pages y luego Drag and drop your files.
- Ponle nombre al proyecto — tu negocio, en minúsculas y con guiones —, arrastra el .zip o la carpeta y pulsa Deploy site. (Admite hasta 1.000 archivos de 25 MiB cada uno.)
- Enseguida está en tu-nombre.pages.dev. Para cambiarla luego: abre el proyecto, Create a new deployment, elige Production y arrastra la versión nueva.
Al terminar: Tu web está en internet, rápida en todas partes y con HTTPS.
Cualquier alojamiento que sirva archivos normales también vale (Netlify, tu propio servidor…): sube el contenido de la carpeta. Mira que su plan admita una web de negocio: el gratuito de Vercel, por ejemplo, es solo para uso no comercial.
Qué te da el plan gratuito
Cloudflare anuncia peticiones y ancho de banda ilimitados en todos sus planes de Pages, también en el gratuito. Su documentación precisa que las peticiones a archivos estáticos son gratis e ilimitadas en cualquier plan, y una web hecha solo de archivos no usa nada más.
Los límites van por archivos, no por visitas. En el plan gratuito caben hasta 20.000 archivos por web, ninguno de más de 25 MiB. Si arrastras la carpeta en el panel, el tope es de 1.000 archivos; por encima, Wrangler, la herramienta de línea de comandos de Cloudflare, sube los 20.000.
Una cuenta admite hasta 100 proyectos de Pages, y cada uno, hasta 100 dominios propios en el plan gratuito.
Otros alojamientos que aceptan la misma carpeta
Te vale cualquier servicio que sirva archivos tal cual. Lo que cambia es la letra pequeña de cada plan gratuito.
Netlify también acepta una carpeta arrastrada. Su plan gratuito trae 300 créditos al mes: cada publicación en producción gasta 15 y cada GB servido, 20. Cuando una cuenta llega al límite, Netlify pone en pausa sus webs hasta el siguiente ciclo de facturación.
GitHub Pages es gratis, con 1 GB por web y un límite orientativo de 100 GB de tráfico al mes, pero GitHub deja claro que no está pensado como alojamiento gratuito para un negocio online ni para una tienda.
El plan gratuito de Vercel, Hobby, es solo para uso personal y no comercial. La web de un negocio necesita el plan Pro, que Vercel anuncia a 20 dólares al mes.
Lo que puede fallar y cómo se arregla
En la dirección sale un error en lugar de tu portada. Mira si el index.html ha quedado un nivel más abajo: pasa cuando arrastras la carpeta que contiene la carpeta de la web. Vuelve a subir la buena.
Un archivo aparece con un aviso rojo. Pesaba demasiado y no se ha subido. Cloudflare te deja quitarlo de la subida, pero no cambiarlo por otro, así que reduce su tamaño y sube de nuevo el proyecto entero.
Has subido la versión nueva y todo sigue igual. Cada despliegue va a producción o a una vista previa, y la vista previa no toca la web publicada: elige producción.
La dirección lleva unos caracteres de más. Ese nombre ya estaba cogido y Cloudflare le ha añadido unos al azar para que sea único. Cuando conectes tu dominio, la dirección que darás será la tuya.
Y algo sin vuelta atrás: un proyecto creado subiendo archivos no puede pasarse luego a publicar desde Git. Tendrías que crear otro.
Cuando ya está en internet
Con la web en marcha, las guías siguientes van del dominio, del correo con ese dominio y de cómo avisar a Google de que existe.
Para ver la carpeta en internet sin crear cuenta, está Cloudflare Drop (cloudflare.com/drop): la mantiene publicada una hora y, para quedártela, la reclamas con una cuenta. Crea un Worker, no un proyecto de Pages, así que los pasos del dominio no le encajan.
Preguntas
- ¿De verdad es gratis para la web de un negocio?
- Para una web hecha de archivos, sí: en el plan gratuito no se cobran ni las peticiones ni el ancho de banda. Lo que puede costarte dinero es el dominio y, si quieres enviar correo desde él, un buzón.
- ¿Necesito tarjeta para empezar?
- No. En sus propias páginas, Cloudflare dice que puedes empezar gratis y sin tarjeta de crédito. Te pedirá un medio de pago cuando compres algo, como un dominio.
- ¿Cuántas visitas aguanta?
- Cloudflare no pone un número para los archivos estáticos: las peticiones son ilimitadas, también en el plan gratuito. Lo que tiene límite es cuántos archivos subes y cuánto pesa cada uno.
- ¿Puedo subir así una web hecha con WordPress?
- No. WordPress necesita un servidor con PHP y una base de datos MySQL o MariaDB, mientras que Pages sirve archivos. Este camino es para webs que ya son HTML, CSS y JavaScript.
- La documentación de Cloudflare recomienda empezar con Workers. ¿Le hago caso?
- La nota de la documentación de Pages presenta Workers como su plataforma principal para crear aplicaciones. Para una carpeta de archivos, el arrastrar y soltar de Pages sigue documentado, y es lo que usan estos pasos.
- ¿Se mantiene la dirección .pages.dev cuando añado mi dominio?
- Sí, funcionan las dos a la vez. Si prefieres una sola, Cloudflare explica cómo llevar la .pages.dev a tu dominio con Bulk Redirects.