Astro + Directus: El Combo Perfecto para Portafolios Dinámicos

Cuando estaba diseñando la arquitectura para mi portafolio personal (el que estás viendo justo ahora), tenía un objetivo claro: necesitaba la velocidad de un sitio estático, pero la flexibilidad de un CMS para no tener que tocar el código cada vez que quisiera publicar algo.

La respuesta a este problema fue combinar Astro en el Frontend y Directus como Headless CMS.

¿Por qué no WordPress o algo similar?

WordPress es genial, pero viene con mucho equipaje. Te obliga a acoplar tu frontend con su motor de renderizado PHP.

Con un enfoque Headless (sin cabeza), separas la base de datos (Directus) de la interfaz visual (Astro). Directus solo se encarga de guardar la información y exponerla mediante una API REST o GraphQL súper rápida.

La magia de Astro

Astro es un framework web diseñado para la velocidad. Su filosofía de "Islas" significa que por defecto envía Cero JavaScript al cliente, a menos que un componente específico lo requiera (como un botón interactivo en React o Vue).

En este portafolio, la página del blog hace un fetch a la API de Directus durante el tiempo de compilación (Build Time).

import { createDirectus, rest, readItems } from "@directus/sdk";

const directus = createDirectus("https://admin.erikestrada.dev").with(rest());

const posts = await directus.request(
  readItems("posts", {
    sort: ["-date_created"],
    limit: 3,
  })
);

¿Qué significa esto? Que cuando tú cargas esta página, no hay tiempos de espera conectándose a la base de datos. Astro ya convirtió la respuesta JSON de Directus en HTML puro estático. Es instantáneo.

Directus en Docker

Alojar Directus es sorpresivamente fácil si usas Docker. En mi VPS (Vultr), tengo un archivo docker-compose.yml que levanta:

1. Una base de datos PostgreSQL.
2. El contenedor de Node.js de Directus.
3. Un servidor Caddy que hace de Proxy Inverso y maneja los certificados SSL (HTTPS) automáticamente.

Al entrar a mi subdominio de administración, tengo una interfaz visual hermosa, limpia y moderna donde puedo escribir mis artículos en Markdown, subir imágenes, y configurar los permisos de la API con simples clics.

Conclusión

Si estás construyendo un portafolio de desarrollador en 2026, te recomiendo encarecidamente esta pila tecnológica. Tienes el control absoluto del código con Astro, el SEO es perfecto al ser estático, y actualizar tu contenido es tan fácil como abrir Directus en tu celular y darle a "Publicar".