~/jonasfink.dev

← cd ..

fink.dev

2026 · Full-Stack Developer
Next.jsReactTypeScriptTailwind v4

Problema

Quería un portfolio que funcionara también como un design system vivo, y no como una plantilla de un solo uso. Eso significaba nada de colores o fuentes fijos dispersos por los componentes, y una configuración en la que cambiar el aspecto de todo el sitio se redujera a editar un puñado de valores en un único lugar.

Solución

Construí una configuración de Tailwind v4 basada en tokens, donde el color de acento, la fuente y el tema claro/oscuro se definen todos como variables CSS. Como esas variables se leen en tiempo de ejecución, el sitio puede cambiar toda su apariencia al instante en el navegador —sin recompilar, sin recargar la página y sin código de tema duplicado.

© 2026 Jonas Fink