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 informativa pequeña. Escribí sobre este tema hace unos años. 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, salvo
para arreglar un bug de iOS.
Al final solo hay tres casos con JavaScript en toda la web, y los tres son vanilla: guardar los estados del sidebar y del tema elegido en localStorage, para que la experiencia se mantenga visualmente consistente entre páginas, y el arreglo de los tooltips de antes. Pocas líneas en total, insertadas en línea.
El resto es magia gracias a los plugins del ecosistema de Astro. Puedes leer el stack completo en el fichero README.md.
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 gustaban mucho las tipografías y especialmente esta. 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…
También pienso que la forma de escribir es política, así que utilizaré en español el femenino como género neutro. Porque estoy cansada de que el género masculino se considere universal y el femenino sólo particular.
En inglés es un poco más sencillo utilizando el plural para el género neutro, pero lo encuentro confuso en la forma singular, así que ahí también utilizaré el femenino como género neutro.
¿Tiene sentido tener una web personal a día de hoy?
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 las personas de este sector que han elegido la opción de invertir el mínimo esfuerzo posible hasta el punto de que los productos digitales les den totalmente igual.
Creo que es un error, y además es la forma errónea de utilizar la AI. Yo misma la he utilizado muchísimo para crear esta web y me ha ayudado a ser más rápida, aprender sobre tecnología que no conocía antes, automatizar procesos tediosos y enfocarme en lo que realmente me gusta: crear.
Antes de cantar victoria, queda lo más importante: escribir contenido. 🫡
¿Y cómo te puedes enterar de las nuevas publicaciones de esta web? Puedes usar un cliente de RSS y suscribirte a este feed, o seguirme en Bluesky o Mastodon.