Una de las primeras cosas que hice cuando empecé a conectarme a internet (allá en los tiempos de Mosaic) fue hacerme mi propia página web.
Primero la tuve alojada en el servidor mi instituto, y allá por el 2000 me compré mi dominio. En archive.org se puede ver que a lo largo de los años ha ido evolucionando y ha tenido periodos de actividad mayores y menores... la mayoría del tiempo la enfoqué como un blog que escribía para mí mismo y mis conocidos.
Con el paso del tiempo fui creando contenido en redes sociales (principalmente Twitter e Instagram), ahí comentaba mis proyectos, mis cambios laborales... mucho de este contenido se ha perdido cuando decidí borrar mi cuenta de Twitter.
Desde hace unos años le estoy dando vueltas al tema de recuperar el control de mis datos por eso decidí volver a los orígenes y revivir mi web dándole una vuelta al enfoque:
Objetivos
- Quiero que mi web personal sea mi fuente de verdad, un sitio donde la gente que quiera saber de mi pueda obtener esa información de primera mano.
- También quiero usarla para mantener un registro de mis proyectos, sobre todo como minireferencia con documentación y enlaces que me pueden venir bien en un futuro.
- Muchas veces hablando la gente recomiendo cosas que uso, leo, veo... quiero poder usar la web para no que andar buscando links en el momento.
- Que sea un proyecto que me permita experimentar con tecnologías sin limites (su desarrollo esta siendo mi banco de pruebas de manejo de IA).
- Contenido original, real y generado 100% por mi (las NO IAs entran en esto, todo mas me ayudan con la corrección ortográfica).
Características
- Diseñada para móvil primero (aunque se debe ver bien en escritorio)
- Minimalista, limpieza de contenido que ya no aporta. Muy pocas secciones principales, quien quiera más podrá llegar al detalle siguiendo enlaces
- Accesible.
- Desplegada como contenido estático en GitHub Pages para ganar velocidad.
- Debe funcionar sin javascript activado
- Siguiendo los principios de web semántica
- Estos son los resultados del test de Lighthouse del último deploy:
- Fácil de mantener. Por eso elegí Gatsby con ficheros de markdown extendido (.mdx) que me permite incluir con componentes propios de react dentro del markdown. Una vez montado basta con colocar ficheros en determinadas carpetas para actualizar el contenido.
- Original y bonica. Quiero que el diseño sea 100% mío, a pesar de no ser diseñador creo que me ha quedado muy maja, en sus dos variantes (tema claro y tema oscuro)
- Sin traza de ningún tipo, no quiero estadísticas de uso, ni tener que mostrar el mensaje de cookies
- Despliegue continuo... cada cambio subido al repositorio actualiza la web automáticamente
- Segura. Si al desplegar se detectan vulnerabilidades en los paquetes que uso se rompe la build y no se sube
Código fuente
Si tienes curiosidad de como está montado aquí tienes el código fuente.
