Blog · 12 notas

Reflexiones, ideas y exploraciones

Sobre desarrollo frontend, arquitectura de plataformas, sistemas de diseño — y las cosas que aprendo en el camino.

Todas las notas
2026 · 05 · 29 Frontend
De 175 assets dispersos a 76 en CDN: consolidación, optimización y versionado de marca

Teníamos 175 assets de marca esparcidos en 4 repositorios. Un cambio de branding requería 4 deploys. Lo resolvimos con un repositorio dedicado, S3 + CloudFront, y una sola variable de entorno.

8 min ↗
2026 · 05 · 29 TypeScript
274 commits, 50+ PRs, 4 paquetes: anatomía de un breaking change v2 que aterrizó vivo

El PRD documentaba 9 patrones de breaking changes. La realidad fueron 26+. Esto es lo que aprendí coordinando un major version bump a través de 4 repositorios y 3 paquetes simultáneos.

10 min ↗
2026 · 05 · 23 TypeScript
Migrando 95 tokens en un rebrand: lo que Style Dictionary v4 hace bien (y cuándo Tier 2 puede esperar)

Ejecutamos la migración completa de tokens de un design system con 8 categorías de breaking changes, 43 archivos consumidores y una decisión deliberada de no hacer lo arquitecturalmente correcto — todavía.

8 min ↗
2026 · 05 · 23 Frontend
El audit de accesibilidad que cambió la arquitectura: 67.6% de fallos como argumento para Tier 2

Auditamos 105 historias de Storybook con axe-core y encontramos que el 67.6% fallaba WCAG AA. La causa raíz no eran los componentes — eran dos valores de token.

8 min ↗
2026 · 05 · 22 Architecture
Audit antes que arquitectura: cómo 6 investigaciones paralelas modelaron un roadmap de 10 meses

Antes de escribir una sola línea de código en el rebrand de nuestro design system, pasamos semanas investigando. Así es como seis audits paralelos cambiaron radicalmente lo que íbamos a construir.

7 min ↗
2026 · 03 · 26 astro
De archivos MDX a un CMS headless: migrando un sitio Astro a Strapi

Cómo moví el contenido de blog y proyectos de archivos MDX locales a Strapi 5, manteniendo soporte bilingüe y agregando auto-rebuild al publicar.

5 min ↗
2025 · 07 · 19 React
Theme Designer: Construyendo un Editor Visual de Temas MUI con Vista Previa en Tiempo Real

Un estudio de caso integral sobre la construcción de un sistema de gestión de temas dinámico que va más allá de los paquetes npm estáticos para soportar la creación de temas en tiempo real y aplicaciones white-label

8 min ↗
2025 · 07 · 19 NestJS
Theme Factory: Arquitectura de un Backend Escalable para Gestión Dinámica de Temas

Un estudio de caso detallado sobre la construcción de una API robusta con NestJS para gestión de temas, cubriendo todo desde diseño de base de datos hasta consideraciones de seguridad y escalabilidad

8 min ↗
2025 · 06 · 22 TypeScript
POC de Sistema de Temas Framework-Agnóstico

Una prueba de concepto para generar temas específicos de framework desde tokens de diseño unificados, soportando DaisyUI, Material-UI y Shadcn/UI

4 min ↗
2025 · 05 · 31 TypeScript
Paquete de Design Tokens - Sistema de Diseño Código Obsidiana

Un sistema de design tokens escalable y type-safe construido con Style Dictionary y el moderno espacio de color OKLCH

8 min ↗
2025 · 05 · 25 Frontend
Más allá del código bonito: Arquitectura frontend con propósito

Una reflexión sobre cómo la arquitectura modular y la experiencia del desarrollador (DX) pueden llevar el desarrollo frontend a un nivel estratégico.

4 min ↗
2025 · 01 · 02 TypeScript
Evolución de Design Tokens - De Arquitectura Monobrand a Multibrand

El viaje arquitectónico de transformar un sistema de tokens de diseño de una sola marca en una plataforma multimarca escalable que soporta cambio dinámico de marcas y gestión avanzada de tokens

12 min ↗