Mi Experiencia con Cloudflare Pages: Cómo Desplegué Este Sitio

Cuando decidí crear mi sitio web personal, sabía que quería algo rápido, seguro y sin complicaciones. Después de evaluar varias opciones, me decidí por Cloudflare Pages. En este artículo comparto mi experiencia, desde el despliegue inicial hasta la configuración avanzada.

1. 🚀 ¿Por qué elegí Cloudflare Pages?

Cloudflare Pages es una plataforma de hosting estático que ofrece despliegue continuo, CDN global y SSL gratuito. Mis razones principales fueron:

• Gratuito: El plan básico es completamente gratis y muy generoso.
• Velocidad: La red global de Cloudflare asegura tiempos de carga rápidos en cualquier parte del mundo.
• SSL automático: Certificados SSL incluidos sin configuración extra.
• Integración con Git: Despliegue automático desde GitHub, GitLab o subida manual.
• Facilidad de uso: La interfaz es intuitiva y la documentación es excelente.

2. 🛠️ Primeros pasos: Crear el proyecto

Lo primero fue acceder al dashboard de Cloudflare. En el menú lateral, seleccioné Workers & Pages y luego Create application.

Cloudflare Pages ofrece dos formas de desplegar:

• Connect to Git: Ideal si usas GitHub o GitLab para versionar tu código. Cada push genera un despliegue automático.
• Upload assets: Perfecto para proyectos pequeños o cuando quieres subir archivos manualmente.

Para este sitio, opté por Upload assets porque quería total control sobre los archivos. Simplemente arrastré mi carpeta con los archivos HTML, CSS y demás, y en segundos el sitio estaba online.

3. 📦 Despliegue del sitio estático

El proceso de subida es increíblemente simple:

• Arrastras tu ZIP o los archivos directamente al recuadro
• Cloudflare genera un nombre de proyecto (o puedes personalizarlo)
• En menos de un minuto, el sitio está disponible en tu-nombre.pages.dev

"La primera vez que vi mi sitio online en menos de 30 segundos, supe que había tomado la decisión correcta."

4. 🔗 Configurar dominio personalizado y SSL gratuito

Tener un dominio propio es clave para proyectar profesionalismo. Cloudflare Pages lo hace muy sencillo:

1. En la configuración del proyecto, entré a Custom domains
2. Agregué mi dominio pablo-antezana.tk
3. Cloudflare me dio los registros DNS que debía configurar en mi proveedor de dominio
4. En menos de 10 minutos, el SSL estaba activado y mi sitio funcionaba con HTTPS

Lo mejor: SSL gratuito y renovado automáticamente. No tuve que comprar certificados ni configurar nada manualmente.

5. ⚡ Optimización de rendimiento

Cloudflare Pages viene con optimizaciones por defecto:

• CDN global: Los archivos se distribuyen en más de 300 ubicaciones alrededor del mundo.
• Compresión automática: HTML, CSS y JS se comprimen automáticamente.
• Minificación opcional: Puedes activar la minificación de archivos desde el panel.
• Caché inteligente: Los recursos estáticos se cachean para mejorar la velocidad.

En mi caso, el sitio pasó de cargar en 1.2 segundos a 0.3 segundos después de la optimización.

6. ✅ Ventajas que he notado

• Despliegues instantáneos: Cada cambio se refleja en segundos.
• Vistas previas automáticas: Cada despliegue genera una URL única para testear antes de publicar.
• Analítica integrada: Puedes ver el tráfico básico desde el dashboard.
• Firewall y protección DDoS: Incluido de serie.
• Funciones serverless: Si necesitas backend, puedes usar Cloudflare Workers junto con Pages.

7. ⚠️ Limitaciones a considerar

Ninguna plataforma es perfecta. Algunas limitaciones que encontré:

• Solo sitios estáticos: Si necesitas bases de datos o backend complejo, necesitarás Workers adicionales.
• Límite de 1000 archivos: En subida manual, el límite es de 1000 archivos por proyecto. Si superas eso, usa Git.
• Sin PHP: No puedes ejecutar código PHP directamente (necesitas Workers).

🎯 Conclusión

Cloudflare Pages ha superado mis expectativas. Es rápido, gratuito y extremadamente fácil de usar. Para sitios personales, portafolios y blogs estáticos como este, es una opción imbatible.

Si estás buscando hosting para tu sitio personal o proyecto, te recomiendo probarlo. La curva de aprendizaje es mínima y los resultados son profesionales desde el primer día.

¿Tienes un proyecto en mente? Contáctame y podemos explorar juntos cómo desplegarlo.

---

📌 Referencias: Cloudflare Pages Documentation - developers.cloudflare.com/pages