Nueva versión de xarop.com (2026)
Este sitio es la versión 2026 de xarop.com. Es, básicamente, menos: menos código, menos dependencias, menos abstracciones.
Qué tenía antes
Una instalación de WordPress. Tema personalizado. Base de datos MySQL. Caché. Plugins de seguridad. Backups. Un VPS. Un monitor de uptime. Un año sin escribir ningún artículo porque actualizar el blog implicaba abrir el panel de administración y luchar contra el editor Gutenberg.
Qué tiene ahora
Una carpeta con archivos Markdown. Un script de build de Node.js. Tres archivos CSS. GitHub Pages. Cero base de datos.
Para escribir un artículo:
$ touch content/blog/nuevo-post.md
$ $EDITOR content/blog/nuevo-post.md
$ git push
GitHub Actions construye el sitio y lo publica. Treinta segundos después, está en internet.
Por qué
Porque WordPress era overkill para un blog personal con ocho artículos al año. Porque mantener un servidor es trabajo que no me aporta nada. Porque la web vuelve a ser mejor cuando es pequeña, plana y semántica.
También: porque me gustaba la idea de que mi sitio tuviera sabores. "xarop" significa xarop en catalán — dulce y concentrado — y los sabores eran una broma visual que me hacía ilusión implementar. Ahora puedes cambiar la paleta entera con un clic. Sin recarga. Es casi todo CSS. En total hay siete sabores: fresa, arándano, frambuesa, menta, limón, naranja y regaliz.
Stack
- HTML escrito a mano, semánticamente lo más limpio que he sabido.
- CSS moderno con custom properties,
@media (prefers-color-scheme),::selection,color-scheme, view transitions. Sin framework. - Markdown para el contenido,
gray-matterpara el front-matter,markedpara el renderizado. - Asap — tipografía para los títulos, auto-alojada (OFL), sin ninguna llamada a Google Fonts.
- Node.js para el build (sin runtime en el cliente).
- GitHub Pages para el hosting.
Es muy probablemente el stack más aburrido que he usado en diez años. Me hace muy feliz.
Migración del contenido
El archivo de WordPress (2007–2024) ha migrado en formato Markdown: unos 90 artículos de blog y 70 proyectos de portfolio, con categorías, etiquetas e imágenes destacadas conservadas. Ningún contenido perdido, ninguna base de datos.
Las imágenes destacadas se han descargado del servidor antiguo, convertidas a WebP (máx. 1200px, q82) y auto-alojadas. Los proyectos nuevos sin imagen generan una captura automática de la URL del proyecto vía Puppeteer.
Navegación por contenido
Blog y portfolio tienen un aside sticky con todas las categorías y etiquetas como nube navegable. Las páginas de cada categoría y etiqueta muestran el contenido filtrado con el mismo aside para continuar explorando.
Qué viene después
Notas técnicas sobre CSS moderno, rendimiento, accesibilidad, y alguna excursión ocasional a otros temas. Sin calendario, sin compromiso.
Gracias por leerme — si es la primera vez que caes aquí, bienvenido.