🔥 NOX TECH

¿Sabías que puedes desplegar sitios web completos, con CDN global, HTTPS automático y builds desde GitHub, absolutamente GRATIS? No estoy hablando de un tier gratuito que te deja 3 proyectos. Cloudflare Pages te da 500 GB de ancho de banda, 1 millón de solicitudes al mes y builds ilimitados sin pagar un centavo.

En 2026, Vercel y Netlify ya no son las únicas opciones. Cloudflare Pages superó a ambos en rendimiento global, latencia y generosidad del plan gratuito. Si tienes un blog, una landing page, un portfolio o una web estática, esto te interesa.

Y lo mejor: lo configuras en menos de 10 minutos. Te lo demuestro paso a paso.

¿Qué es Cloudflare Pages y por qué deberías usarlo?

Cloudflare Pages es un servicio de hosting estático con CDN global que forma parte del ecosistema de Cloudflare. Lanzado en 2021, ha evolucionado hasta convertirse en la plataforma de despliegue más rápida del mercado, con servidores en 330+ ciudades en todo el mundo.

¿Qué lo hace diferente de Vercel o Netlify?

• CDN más grande del mundo — 330+ puntos de presencia vs 100+ de Vercel. Tu web carga más rápido en cualquier país.
• Precio: GRATIS — 500 GB de ancho de banda, 1M solicitudes/mes, builds ilimitados. El plan Pro ($20/mes) te da 5 GB por proyecto y análisis avanzados.
• Integración nativa con Workers — Añade lógica serverless sin salir de Pages.
• HTTPS automático — Certificados SSL/TLS gratuitos y renovación automática.
• Redirects y headers personalizados — Mediante archivo _redirects o _headers.
• Pre-rendering — Si usas frameworks como Astro, Next.js o Nuxt, Pages genera las páginas estáticas automáticamente.

Dato para impresionar: Cloudflare Pages tiene un SLA de 100% de uptime. Ni Vercel ni Netlify pueden decir lo mismo en su plan gratuito.

Paso 1: Prepara tu proyecto

Cloudflare Pages acepta cualquier proyecto estático. Si ya tienes uno, genial. Si no, crea una carpeta con un index.html:

mkdir mi-web
cd mi-web
echo "<h1>Hola, mundo desde Cloudflare Pages</h1>" > index.html

Si usas un framework (React, Vue, Astro, Next.js, Hugo, Jekyll), Pages lo detecta automáticamente y ejecuta el comando de build correcto. Soporta más de 30 frameworks de serie.

Paso 2: Sube tu código a GitHub (o GitLab)

Pages necesita un repositorio Git para funcionar. Crea un repo en GitHub y súbelo:

git init
git add .
git commit -m "Primer commit"
git remote add origin https://github.com/tu-usuario/mi-web.git
git push -u origin main

Tip: Pages también soporta GitLab y Bitbucket, pero GitHub tiene la integración más fluida.

Paso 3: Conecta Cloudflare Pages con tu repositorio

Aquí viene la magia:

1. Ve al Dashboard de Cloudflare
2. En el menú lateral, haz clic en Workers & Pages
3. Haz clic en Create application → Pages
4. Selecciona Connect to Git
5. Autoriza a Cloudflare para acceder a tus repositorios de GitHub
6. Selecciona el repositorio de tu proyecto
7. En Build settings, elige tu framework (o déjalo en "None" si es HTML plano)
8. Haz clic en Save and Deploy

En menos de 30 segundos tu sitio estará desplegado en una URL como https://tu-proyecto.pages.dev.

Paso 4: Configura un dominio personalizado

Tener un dominio propio transforma tu proyecto de hobby a profesional. Y con Cloudflare es gratis:

1. En el dashboard de Pages, ve a tu proyecto → Custom domains
2. Haz clic en Set up a custom domain
3. Escribe tu dominio (ej: midiario.com)
4. Cloudflare te dará un registro CNAME o DNS para añadir en tu proveedor de dominio
5. Usa Cloudflare DNS para que el SSL y el CDN funcionen al máximo

HTTPS se configura solo. Cloudflare emite un certificado SSL/TLS automáticamente para tu dominio. No necesitas Let's Encrypt, no necesitas nada.

Paso 5: Añade lógica serverless con Cloudflare Workers

Cloudflare Pages se integra de forma nativa con Workers, el entorno serverless de Cloudflare. Puedes añadir APIs, formularios, autenticación y más sin salir del proyecto.

Ejemplo: función serverless que cuenta visitas

// functions/api/contador.js
export async function onRequest(context) {
  const { request, env } = context;
  const url = new URL(request.url);
  const page = url.searchParams.get('page') || 'home';
  
  // Usar KV para almacenar el contador
  const count = parseInt(await env.VISITAS_KV.get(page)) || 0;
  await env.VISITAS_KV.put(page, String(count + 1));
  
  return new Response(JSON.stringify({ page, visits: count + 1 }), {
    headers: { 'Content-Type': 'application/json' }
  });
}

Cloudflare Workers se factura por ejecución: 100,000 solicitudes/día GRATIS. Para el 99% de los proyectos personales, no pagarás nunca.

Bonus: El truco de Wrangler CLI

Si prefieres la línea de comandos (como los pros), usa Wrangler, el CLI oficial de Cloudflare:

# Instalar Wrangler
npm install -g wrangler

# Iniciar sesión
npx wrangler login

# Desplegar
npx wrangler pages deploy ./dist --project-name mi-proyecto

Esto es exactamente lo que uso para desplegar NOX TECH. Un solo comando y tu web está online. Ideal para automatizar despliegues desde CI/CD.

Comparativa: Cloudflare Pages vs Vercel vs Netlify (2026)

Veredicto: Cloudflare Pages gana en ancho de banda, puntos CDN y capacidad serverless. Si tu proyecto es pequeño o mediano, no hay competencia en relación calidad-precio.

Problemas comunes y cómo resolverlos

"Mi web no carga después del despliegue" → Revisa que tu index.html esté en la raíz del repositorio. Si usas un framework, verifica que el build output esté en la carpeta correcta (generalmente dist/, build/ o public/).

"Los cambios no se reflejan" → Cloudflare Pages tarda unos segundos en propagar los cambios por la CDN. Si usas Cloudflare DNS, puedes forzar la purga desde el dashboard en Caching → Purge Everything.

"El formulario de contacto no funciona" → Pages solo sirve archivos estáticos. Necesitas un Worker o un servicio externo como Formspree, Web3Forms o un Worker personalizado para procesar formularios.

"Mi dominio personalizado no conecta" → Asegúrate de que los nameservers de tu dominio apunten a Cloudflare (los consigues en el dashboard). Si tu dominio está en otro DNS, configura un registro CNAME apuntando a tu-proyecto.pages.dev.

¿Y para proyectos no estáticos?

Cloudflare Pages soporta SSR (Server-Side Rendering) mediante Workers. Si usas frameworks como Next.js (con @cloudflare/next-on-pages), Nuxt, SvelteKit o Astro, puedes tener renderizado en servidor sin necesidad de un backend adicional. Es el mejor secreto del ecosistema Cloudflare.

Para aplicaciones más complejas, Cloudflare Workers + D1 (SQLite serverless) + R2 (almacenamiento de objetos) + KV (cache clave-valor) forman un stack completo que compite directamente con AWS Lambda + DynamoDB + S3, pero a una fracción del costo.

Conclusión

Cloudflare Pages es, en 2026, la mejor opción para alojar sitios web estáticos y aplicaciones JAMStack. Es más rápido, más generoso en su plan gratuito y más fácil de configurar que Vercel o Netlify. Si no lo has probado, estás perdiendo dinero y velocidad.

Ya sea para un blog personal, el portfolio de tu carrera, una landing page para tu startup, o un proyecto open-source, Cloudflare Pages te da todo lo que necesitas sin pedirte la tarjeta de crédito. Y eso, en 2026, es más raro de lo que debería.

Comparte esto si crees que el hosting gratis de calidad debería ser la norma, no la excepción.

¿Ya usas Cloudflare Pages? ¿Sigues pagando por hosting? Cuéntalo en los comentarios 👇