El punto de partida: renovar el CV
Siempre me han preguntado si me gusta complicarme la vida. Algo de cierto tendrá, cuando tras la necesidad de renovar el currículum me surgió la vida de montar una web personal. Pero no una web personal cualquiera, sino una web basada íntegramente en motor estático, que además me permitiera escribir en Markdown, tuviera dos idiomas seleccionables, dos temas visuales seleccionables también, adaptable a cualquier dispositivo…
De Astro al Pixelmorfismo
Y entonces llegó Astro, un potentísimo framework de Javascript que permite hacer “fácilmente” justo lo que inicialmente había imaginado: una aplicación web estática pero sin despreciar su carácter contentful, es decir, llenita de contenido. ¡Ah, y admitía Markdown fuera de la caja, lo cual me supuso un placer enorme!
Rápidamente, me puse con ello. Empecé a pensar en una personalidad que darle a mi sitio personal, y a concebir componentes que después me servirían para construir los layouts de las distintas páginas. Aunque bueno… páginas hay pocas. Más bien hay tres: Inicio con varias secciones, para dar el efecto de varias páginas, al más puro estilo one page, Blog, que hace las veces de contenedor de posts paginado y bueno, la página para mostrar el error 404, que simplemente hace su función.
Dichos componentes están estilizados mediante TailwindCSS, aunque alguno he sacado de su librería de componentes DaisyUI, pese a que tengan mi toque de artesanía. Esta estilización, que mezcla el glassmorphism más puro de los años 2000 con pixel art y a su vez colores neón, la he bautizado como Pixelmorphism, y servirá de base para este sitio. Por el momento ;-)
Doble lenguaje, doble diversión
Para el multilenguaje he usado la librería Paraglide, una completísima librería de i18n que me ha permitido estructurar los literales en dos JSON independientes donde renderizar cada string en función del idioma que haya seleccionado cada usuario.
¡Y el componente del selector, completa cosecha propia!
Espera… ¿y el sistema de comentarios?
Si has andado avispad@, te habrás dado cuenta de que debajo de cada post hay una cajita para poner reacciones y comentarios. ¿Cómo es posible eso en una web meramente estática? ¿Su interfaz - y el requisito de iniciar sesión con GitHub no os da una pista? ;-)
Efectivamente. Se trata de Giscus, un potente sistema de comentarios concebido a través de GitHub y que, sinceramente, me ha encantado implementar en este blog. Ofrece unas posibilidades que hace unos años hubieran sido inimaginables, ¡y gratis!
Quizá algún día amplíe este post, que me ha quedado más escueto de lo que imaginaba. ¿Por qué no me das ideas dejándome un comentario?
¡Nos leemos!