ES· EN
← Volver a artículos

Por qué elegí SvelteKit para reconstruir este portfolio

Juan Saez 2 min de lectura

El problema con el portfolio viejo

Tenía un portfolio armado en React que nunca tocaba. No porque estuviera mal hecho, sino porque cada cambio chico — actualizar un dato, agregar un proyecto — significaba pelearse con una capa de build que ya no entendía del todo. Terminé evitando tocarlo, que es la peor forma de tener un portfolio desactualizado.

Cuando decidí rehacerlo, la premisa era simple: que editarlo fuera tan fácil como escribir en un archivo de texto, y que el sitio final pesara lo mínimo indispensable.

Por qué SvelteKit y no otra cosa

Evalué quedarme con React por costumbre, pero la mayoría de lo que necesitaba — un sitio mayormente estático, con un poco de interactividad puntual — no justificaba cargar un framework pensado para aplicaciones grandes. SvelteKit resolvía lo mismo con muchísimo menos código de por medio.

El mejor framework no es el que conocés mejor, es el que se saca de encima antes de que te des cuenta.

Con adapter-static el sitio se compila a HTML y assets planos, sin servidor que mantener. Para un portfolio, eso es exactamente lo que hace falta.

Svelte 5 y las runas

Lo que más me convenció fue Svelte 5. El modelo de reactividad con $state y $derived es explícito, sin la magia implícita de versiones anteriores:

let theme = $state<"light" | "dark">("light");

function toggle() {
	theme = theme === "light" ? "dark" : "light";
	localStorage.setItem("theme", theme);
}

Nada de dependencias extra para manejar estado local, nada de re-renders que adivinar. Se lee como JavaScript normal, porque básicamente lo es.

Qué me dejó armarlo de cero

Tres cosas que me quedaron después de este cambio[1]1. La migración completa —de mover contenido a decidir la tipografía de lectura— llevó un fin de semana largo.:

  1. Un sitio liviano, sin JavaScript de más viajando al navegador por funciones que no uso.
  2. Un flujo de edición real: markup y contenido en el mismo lugar, sin CMS de por medio.
  3. Ganas de volver a escribir — que era, en el fondo, el problema que quería resolver desde el principio.

Este mismo artículo es la prueba de que el flujo funciona: es el primero que publico acá.

  1. La migración completa —de mover contenido a decidir la tipografía de lectura— llevó un fin de semana largo. ↩
esen