Para este portafolio, mi prioridad fue la velocidad extrema y el control absoluto. No quería un sitio pesado cargado de capas innecesarias. Quería un motor que volara y una forma de escribir que fuera tan directa como abrir un archivo de texto. 🚀
El Origen: Un Fork con Propósito
Este proyecto es un fork supervitaminado del excelente tema AstroPaper. ¿Por qué reinventar la rueda cuando puedes mejorarla? Tomé la sólida base minimalista de AstroPaper y la transformé para adaptarla a mis estándares actuales:
- Traducción y adaptación cultural completa al español.
- Refactorización total para soportar contenido multimedia avanzado.
- Arquitectura “Bare Metal”: Eliminación de editores visuales pesados por edición directa en Markdown.
El Stack Tecnológico
1. Astro 5 (El Motor)
Elegí Astro porque es, sencillamente, el mejor motor para sitios de contenido. Uso una arquitectura de “Islas” donde casi todo es HTML estático. Solo hidrato con JavaScript los componentes interactivos necesarios, como el buscador de proyectos.
2. Markdown Puro (El Contenido)
Aunque en versiones anteriores experimenté con CMS locales como Keystatic, decidí eliminarlos para volver a la esencia. Todo el contenido (este post que lees ahora) vive como archivos Markdown puros en el repositorio. Esto garantiza:
- Mantenibilidad Infinita: El Markdown no tiene dependencias que se rompan.
- Velocidad de Escritura: Sin interfaces lentas; simplemente abro VS Code y escribo.
- Seguridad: Al ser un sitio puramente estático, la superficie de ataque es inexistente.
3. Pagefind (Búsqueda Instantánea)
Para la búsqueda, utilizo Pagefind, un buscador estático que no requiere servidor. Genera un índice ultra-optimizado durante la fase de compilación que permite buscar proyectos y posts con una relevancia impresionante sin comprometer el rendimiento.
4. Umami Analytics (Privacidad ante todo)
No uso Google Analytics. He integrado Umami, una solución de analíticas que respeta la privacidad de los visitantes, no usa cookies invasivas y es 100% transparente.
5. CI/CD en GitLab
El despliegue está automatizado. Cada vez que subo un cambio a mi repositorio en GitLab, se dispara un pipeline que compila el sitio, genera el índice de búsqueda y lo despliega.
¿Por qué SSG (Static Site Generation)?
En la web moderna, a veces olvidamos que menos es más. Al generar el sitio estáticamente, los tiempos de carga son instantáneos. No hay consultas a bases de datos en tiempo real, solo archivos listos para ser entregados a la velocidad de la luz.
Este portafolio es un testimonio de mi filosofía: El código debe ser elegante, pero el contenido debe ser el rey. ✨