Asociado con Modocosm

BuyChain - Sitio Headless con Jamstack

Un sitio de marketing desacoplado para una empresa B2B de cadena de suministro, construido con Astro y un CMS headless Directus para que el equipo pueda publicar sin ayuda de desarrolladores.

BuyChain necesitaba un sitio que pudiera explicar un producto B2B de cadena de suministro bastante complejo sin dejar de ser rápido y fácil de actualizar. Lideré la construcción del frontend. Tras sopesar las ventajas y desventajas, propuse un enfoque Jamstack —un frontend estático con el contenido gestionado por separado— y me encargué de él hasta el lanzamiento, guiando al equipo de BuyChain sobre cómo gestionarían el contenido en el día a día para que la decisión perdurara tras la entrega.

BuyChain

Lo que construí

  • Frontend en Astro: Construido con la arquitectura de islas de Astro, de modo que las piezas interactivas se hidratan solo donde hacen falta y el resto se sirve como HTML estático. Eso mantiene las páginas rápidas de cargar.
  • CMS Directus: Configuré Directus como capa de contenido, incluidos los esquemas SQL que lo sustentan, para que las páginas localizadas y el contenido de marketing se gestionen todos desde un único lugar.
  • Pipeline de build estático: El contenido se extrae de Directus en tiempo de build hacia páginas estáticas de solo lectura, lo que mantiene el sitio en producción aislado del CMS y barato de alojar.

Por qué importó

Como el contenido vive en el CMS y el sitio se reconstruye de forma estática, el equipo de BuyChain puede crear nuevas landing pages y verticales sin esperar a un desarrollador. Eso eliminó un cuello de botella recurrente y mantuvo bajos los costes de alojamiento.