11 de octubre de 2026
Comencé el diseño en Figma y desarrollé toda la base del código en Jekyll de cero. En julio estuve experimentando ya con algunos modelos de IA y decidí finiquitar el resto del front usando Cursor. Para los curiosos, aquí van algunos créditos del software y otros datos interesantes.
- El lettering del logo es obra de uno de mis mejores amigos: MazoTrazo
- Uso Jekyll, un generador de páginas estáticas escrito con Ruby.
- Diseño y tokens hechos con Figma.
- Las tipografías son: Space Grotesk y Sentient.
- Los artículos los escribo en Notion o en el editor, con HTML y Markdown.
- Alojado en
Netlify, Cloudflare y conectado a un repositorio privado de GitHub. - Está originalmente maquetado con Sass (SCSS) y está escrito con BEM.
- Uso Umami para medir las visitas (sin cookies).
- El halo de fondo funciona gracias a vanta.js usando WebGL (Three.js).
No tengo nada en contra de usar un CMS como WordPress, pero no quería usar nada con bases de datos. Me gusta la terminal y el editor de código, aunque de base siempre uso Figma para recrear la interfaz y plantear nuevas ideas. Este flujo funciona conmigo genial: de Figma al sistema que uso en el front de la web, y especifico detalles usando la IA.
Descarté la idea de crear un theme de WordPress. Viendo cómo son las páginas estáticas me parecía súper lento a su lado, y también pasaba de usar algún SaaS que ya controle, como Webflow o Framer, porque me parecía infinitamente más rápido usar un generador de páginas estáticas como Jekyll.
Quiero independencia absoluta, y también pensé en usar algo más moderno como Astro o Hugo, pero cualquier generador de páginas estáticas es rápido y se sube a producción en 2 minutos en Cloudflare, completamente gratis. Siempre que quiera, puedo mudarme a cualquier otra tecnología, y usaría Astro.
Hay cosas geniales que puedo hacer con código, como regenerar todas las miniaturas por CSS y tener diferentes imágenes destacadas: una que sale como meta junto con el post, y otra que sale cuando haces hover en desktop desde la home o el blog.
He creado también una tabla de artículos donde puedo cambiar el título, el metatitle y el metadescription a la vez, siguiendo las limitaciones de caracteres que recomienda Google.
Escribo los artículos normalmente en una página vacía de Notion o en el editor de código directamente con html/markdown, luego finiquito los detalles desde Cursor (la última vez con Opus 5.5). Cuando hago deploy a la rama principal, se autopublica en mi hosting.
He creado mi propio CMS particular para la galería de fotos. Me permite agrupar de 2, 3 y hasta 6 fotos, que se visualizan de forma distinta en mobile y desktop. Además, detecta si la foto es apaisada (más ancha que alta) y, si va sola, ocupa una sola columna; si son verticales, las fotografías se pueden agrupar.
Pasa lo mismo con otra condición: si van con o sin texto, automáticamente se maquetan según los criterios que definí en Figma. Con ese mini CMS privado puedo editarlas rápidamente. Aunque solo lo uso para la galería de fotos, me permite que, cuando vaya a subir una foto nueva, busque en mi archivo otras tantas y vaya actualizando con fotos de otros años.
Estoy actualmente preparando un portafolio que tiene menos aspecto de web y es mucho más visual, y que servirá para perderse entre proyectos y detalles sobre los trabajos que hice anteriormente o que estoy haciendo en la actualidad.
Mi prioridad ahora es escribir, ya pensaré en categorizarlo a medida que crece.
Changelog
10 de octubre
Lanzo la web a producción con 4 artículos y 100 fotos.
11 de octubre
Corrijo 30 palabras mal escritas y añado otra veintena de fotos.