Blog · 12 notes

Reflections, ideas and explorations

About frontend development, platform architecture, design systems — and things I learn along the way.

All posts
2026 · 05 · 29 Frontend
From 175 scattered assets to 76 on a CDN: consolidation, optimization, and brand versioning

We had 175 brand assets scattered across 4 repositories. A branding change required 4 deploys. We solved it with a dedicated repo, S3 + CloudFront, and a single environment variable.

8 min ↗
2026 · 05 · 29 TypeScript
274 commits, 50+ PRs, 4 packages: anatomy of a v2 breaking change that landed alive

The PRD documented 9 breaking-change patterns. The reality was 26+. This is what I learned coordinating a major version bump across 4 repositories and 3 simultaneous packages.

10 min ↗
2026 · 05 · 23 TypeScript
Migrating 95 tokens in a rebrand: what Style Dictionary v4 does well (and when Tier 2 can wait)

We executed the full token migration of a design system with 8 categories of breaking changes, 43 consuming files, and a deliberate decision not to do the architecturally correct thing — yet.

8 min ↗
2026 · 05 · 23 Frontend
The accessibility audit that changed the architecture: 67.6% failures as the argument for Tier 2

We audited 105 Storybook stories with axe-core and found that 67.6% failed WCAG AA. The root cause wasn't the components — it was two token values.

8 min ↗
2026 · 05 · 22 Architecture
Audit before architecture: how 6 parallel investigations shaped a 10-month roadmap

Before writing a single line of code for our design system rebrand, we spent weeks investigating. This is how six parallel audits radically changed what we were going to build.

7 min ↗
2026 · 03 · 26 astro
From MDX Files to a Headless CMS: Migrating an Astro Site to Strapi

How I moved blog and project content from local MDX files to Strapi 5, keeping bilingual support and adding auto-rebuild on publish.

5 min ↗
2025 · 07 · 19 React
Theme Designer: Building a Visual MUI Theme Editor with Real-Time Preview

A comprehensive case study on building a dynamic theme management system that goes beyond static npm packages to support real-time theme creation and white-label applications

8 min ↗
2025 · 07 · 19 NestJS
Theme Factory: Architecting a Scalable Backend for Dynamic Theme Management

A detailed case study on building a robust NestJS API for theme management, covering everything from database design to security and scalability considerations

8 min ↗
2025 · 06 · 22 TypeScript
Framework-Agnostic Theme System POC

A proof-of-concept for generating framework-specific themes from unified design tokens, supporting DaisyUI, Material-UI, and Shadcn/UI

4 min ↗
2025 · 05 · 31 TypeScript
Design Tokens Package - Código Obsidiana Design System

A scalable, type-safe design tokens system built with Style Dictionary and modern OKLCH color space

8 min ↗
2025 · 05 · 25 Frontend
Beyond Pretty Code: Frontend Architecture with Purpose

A reflection on how modular architecture and developer experience (DX) can elevate frontend development to a strategic level.

4 min ↗
2025 · 01 · 02 TypeScript
Design Tokens Evolution - From Single Brand to Multi-Brand Architecture

The architectural journey of transforming a single-brand design token system into a scalable, multi-brand platform supporting dynamic brand switching and advanced token management

12 min ↗