Saltar a las secciones de este artículo
Simplicidad
Mi web anterior estaba hecha con Nuxt y, aunque me encanta el framework y la gente que trabaja en él, era overengineering total para una web personal con un blog.
Me explico: a pesar de que me encanta JavaScript, ni yo ni nadie necesita una single page application para una página pequeña. Lo único que consigues es una experiencia de usuario peor, menos rendimiento, más tiempo de carga y, sobre todo, más dependencias que mantener. Pero esa web la hice en 2018, cuando la única experiencia de desarrollo buena era utilizando frameworks y no había ningún generador de sitios estáticos que ofreciera algo parecido.
Esta vez he usado Astro para generar una web totalmente estática. Si no lo conocéis, Astro usa una sintaxis muy parecida a JSX y genera páginas completamente estáticas: tienes la experiencia de desarrollo de JavaScript, pero sin enviar JavaScript al navegador.
¿Pero Marina, si tu web tiene un sidebar necesitas JS, no? Pues no. El
sidebar se abre y se cierra con un checkbox oculto y un par de selectores de
CSS. Las carpetas de ficheros en el sidebar son <details> y <summary> de
HTML. Y los tooltips tampoco llevan una sola línea de JavaScript.
Al final solo hay tres casos con JavaScript en toda la web, y los tres son vanilla: guardar el estado del sidebar, recordar el tema elegido y arreglar un bug de iOS con los tooltips. Quince líneas en total, insertadas en línea.
El resto es magia gracias a los plugins del ecosistema de Astro: iconos de Lucide, clases utilitarias de Tailwind, y los artículos son ficheros Markdown con componentes dentro gracias a MDX, procesados con remark. El deploy es instantáneo en Netlify.
Simplicidad, para mí, es esto: que cada pieza que añado tenga que justificar por qué está ahí y que no tenga un coste en la performance para la persona que visite la web. El mejor efecto secundario de ello es el rendimiento: la web saca un 100/100 en todas las métricas de Lighthouse, casi gratis. No porque haya optimizado mucho, sino porque apenas hay nada que optimizar.
Claridad
No solo quería cambiar el stack, también el diseño. Y aquí claridad significa limpieza visual, pero cuidando mucho los detalles.
Quería sacar lo interno de cómo está hecha la web al exterior. Esa transparencia que transmite un IDE cuando te enseña exactamente qué fichero estás editando. Por eso los ficheros que ves en la barra lateral son los ficheros Markdown reales, con su nombre y su extensión, y la pestaña de arriba te dice cuál estás leyendo.
La idea viene de una herramienta que uso muchísimo: Obsidian. Me gusta la claridad o transparencia de que el sitio donde editas el contenido y el sitio donde se visualiza sean el mismo. La web no esconde cómo está hecha: te la enseña mientras la lees.
Personal
Si una web personal no tiene una historia de ti, sigue siendo una web pero no es personal.
Las tipografías, por ejemplo, no las elegí solo por estética:
- Inter en honor a mi amigo Nevan, que falleció en septiembre de 2026 y al que le gustaba mucho. De hecho su web también la usaba.
- IBM Plex Mono en honor al Carbon Design System, mi sistema de diseño favorito y en el que pude trabajar hace unos años.
La web también está entera traducida en inglés y en español, los dos idiomas que hablo a diario. También hablo catalán, pero no puedo escribirlo bien (es demasiado difícil).
Quiero que este sea un espacio donde poder escribir no solo sobre tecnología, sino también sobre mi vida, mis intereses, mis viajes…
¿Es necesario tener una web personal en 2026?
Creo que hoy más que nunca, entre clones de páginas web que son iguales, con los mismos diseños, mismos textos, sin ninguna personalidad y tienen todo tipo de animaciones sin sentido, sí que tiene sentido tener una web personal que muestre un poco quién hay detrás de su creadora, su historia, sus imperfecciones y su humanidad. Que nos muestre no solo como profesionales, sino como personas.
Y que quede claro que no culpo a la AI de la falta de originalidad en el sector, la culpa es de los trabajadores de este sector que son lo suficientemente vagos como para que los productos digitales les den igual.
Antes de cantar victoria, queda lo más importante: escribir contenido. 🫡