Volver al blog

Cómo alojo mi web personal en Cloudflare Workers

CloudflareWorkersNext.js

Imagen de portada

Conclusión

La web kimura512.dev se aloja en Cloudflare aunando activos estáticos y funciones en el Edge mediante Workers. Al no gestionar servidores propios, el despliegue se reduce a un solo comando declarativo. La aplicación Next.js corre bajo vinext sobre Workers y los artículos se versionan como código TypeScript en el repositorio.

1. Despliegue automatizado y predecible

El pase a producción se realiza con pnpm run build seguido de wrangler deploy. El dominio principal está fijado y las instancias de previsualización no interfieren con el tráfico en vivo.

2. Entrega y optimización de imágenes

Las imágenes de cabecera se ubican en public/blog/ y se procesan con sharp para asegurar proporciones uniformes y evitar saltos de maquetación, prescindiendo de servicios externos frágiles.

3. Seguridad perimetral en Cloudflare

Con WAF y HTTPS activados por defecto, las credenciales residen en Cloudflare Workers Secrets. Ninguna clave sensible toca el control de versiones.

4. Comprobación de caché en el Edge

Tras cada entrega compruebo la web en navegación privada para validar que las cachés se han invalidado correctamente y reflejan el estado del repositorio.

5. Equilibrio entre diseño y rendimiento

Los fondos tridimensionales pesados se reservan para la portada y la página Acerca de, mientras que los artículos cargan de forma instantánea en conexiones móviles.

6. Registro de incidencias

Como los registros en Workers son efímeros, documento los incidentes relevantes en notas de arquitectura para resolver problemas futuros con rapidez.

7. Aislamiento de entornos

Los entornos de preview y producción utilizan nombres distintos y las variables confidenciales se introducen exclusivamente por consola de forma segura.

8. Dominio principal consolidado

Los proyectos secundarios operan en enlaces propios; concentrar el tráfico en el dominio apex reduce el coste de mantenimiento de DNS.

Resumen

Workers asume la distribución mundial, Git actúa como almacén inmutable y TypeScript valida los contratos de datos.

Preguntas frecuentes

Q. ¿Por qué Workers frente a un VPS clásico?
Aúna distribución estática global y APIs ligeras con coste de mantenimiento cero.

Q. ¿Se utiliza Cloudflare R2?
Las imágenes del blog van integradas en el repositorio; R2 se destina a proyectos con subidas de usuarios.