Cómo construí este CMS desde cero con Astro, Cloudflare D1 y R2

Bienvenidos a mi nuevo portafolio y blog personal. Este no es un sitio web ordinario hecho con WordPress o una plantilla genérica. Es un sistema de gestión de contenidos (CMS) hecho a medida, diseñado para ser extremadamente rápido, minimalista y escalable.

En este artículo, quiero explicarte la arquitectura técnica detrás de este proyecto y cómo tú también puedes desplegar algo similar.

El Stack Tecnológico

La filosofía de este proyecto es "Performance at the Edge". Todo corre en la red global de Cloudflare, lo que garantiza tiempos de carga casi instantáneos en cualquier lugar del mundo.

• Framework: Astro (en modo SSR).
• Estilos: Tailwind CSS (Diseño minimalista Dark/Light).
• Base de Datos: Cloudflare D1 (SQLite en el Edge).
• Almacenamiento: Cloudflare R2 (Para las imágenes como la de arriba).
• ORM: Drizzle ORM (Para interactuar con la base de datos).
• Admin: SolidJS + EasyMDE (Para escribir estos posts).

¿Por qué Cloudflare D1 y R2?

Lo interesante de este proyecto es que no necesitamos un servidor tradicional.

1. D1 es una base de datos SQL que vive en la red de Cloudflare. Es mucho más barata que una base de datos tradicional y perfecta para leer contenido como blogs y proyectos.
2. R2 nos permite almacenar imágenes sin las costosas tarifas de salida (egress fees) de AWS S3.

Cómo funciona la configuración

Si quieres replicar esto, la clave está en el archivo wrangler.toml y el adaptador de Astro.

1. Configuración de la Base de Datos

Primero, definimos el binding en nuestro archivo de configuración de Cloudflare:

[[d1_databases]]
binding = "DB"
database_name = "mi-db-cms"
database_id = "tu-id-aqui"