Cloudflare Pages
Qué es
Cloudflare Pages es una plataforma de alojamiento para sitios web — desde archivos estáticos simples hasta aplicaciones full-stack. Conectas un repositorio (la carpeta en línea donde vive el historial de tu código), Pages ejecuta tu comando de build (construcción) y sirve el resultado desde la CDN de Cloudflare (Content Delivery Network — Red de Distribución de Contenido, un conjunto mundial de servidores que mantienen copias de tus archivos cerca de cada visitante). Las rutas dinámicas y las (Application Programming Interfaces — Interfaces de Programación de Aplicaciones, los puntos de acceso que otro software llama para hablar con tu app) se ejecutan como Pages Functions, que por debajo son Workers. Así, un solo proyecto puede ser a la vez un sitio estático y un .
Puntos fuertes
- Basado en Git: cada push construye y despliega, con una de vista previa por rama.
- Los archivos estáticos se sirven rápido y gratis desde la CDN global.
- Pages Functions añade lógica del lado del servidor con los mismos bindings (conexiones ya preparadas) que Workers — D1 (una ), R2 (almacenamiento de archivos), KV (un almacén clave-valor, como un diccionario gigante de pares etiqueta-valor).
- Nivel gratuito generoso y ancho de banda ilimitado.
- Los rollbacks (reversiones) son de un clic — cada despliegue se conserva.
Compromisos (trade-offs)
- El entorno de build tiene límites de tiempo y recursos; los builds muy grandes pueden ser lentos.
- Las Functions heredan el runtime (entorno de ejecución) de Workers, así que aplican las mismas restricciones de no-Node.
- Para backends puramente dinámicos y siempre activos, los Workers simples pueden encajar mejor.
- La configuración de build para frameworks menos comunes a veces necesita ajuste manual.
Cuándo usarlo
Usa Pages para sitios de marketing, documentación, blogs, SPAs (single-page apps — aplicaciones de una sola página, sitios que cargan una vez y se actualizan en el lugar sin recargar la página completa) y frameworks full-stack (Next.js, Astro, SvelteKit) donde quieras despliegues basados en Git, alojamiento estático gratuito y funciones de servidor opcionales, todo en un solo lugar.
Encaje con el vibe coding
Pages encaja bien con el vibe coding porque todo el despliegue se resume en "conectar un repo y hacer push". Un puede configurar el comando de build, el directorio de salida y las variables de entorno, y luego desplegar con Wrangler o disparar un build desde Git. Consejo: dile al agente tu y si necesitas Functions, para que elija el adaptador y el directorio de salida correctos. También puedes desplegar directamente un directorio ya construido.
# wrangler.toml — Pages project config
name = "my-site"
pages_build_output_dir = "dist"
[[d1_databases]]
binding = "DB"
database_name = "my-db"
database_id = "your-d1-id"
# Deploy a prebuilt output directory
npx wrangler pages deploy dist --project-name my-site