Actualmente este es mi sitio personal alojado en GitHub, ha pasado por varias transformaciones y dedico este espacio para contar un resumen desde su temprano desarrollo hasta el activo centro de operaciones que tengo.
Buscando un lugar
Antes de pensar en un sitio personal había creado mi perfil de GitHub y tenía ya algunos canales no asociados a mi nombre con contenido de programación como el caso de ShuperPython.
Entonces, noté la necesidad de mostrar lo que hago en público porque soy muy activo en estas cosas, casi a menudo escribo en papel, era momento de que tales notas vivan en un lugar, sean útiles.
Al inicio usé Blogger (anteriormente tuve experiencia con esta plataforma por lo que no fue un lío configurarla) sin embargo buscaba alta personalización como automatizacion, publiqué unos cuantos posts sobre proyectos iniciales que tuve antes de comenzar todo el hype de la IA.
Pero no me agradó del todo, me veía limitado en mi persona y llevaba deberes del instituto que llevaron a una inactividad en el blog. Después de todo, no había alguien afuera a quien recibir, por lo que perdí el interés en continuar y además no tenía la suficiente experiencia para contar algo.
Medium
Luego de varios meses, tomé la idea que tuve pero ahora sabía utilizar varias herramientas web como de IA(este post no está escrito con IA por cierto jeje).
Me mudé a Medium y fuí publicando mi primera entrada, me gusta mucho escribir y contar, eso me motivó a seguir con algo más grande.
Medium actualmente es mi 2do lugar donde publico las entradas del blog presente, solamente para tutoriales o guías porque este espacio tiene lo suyo :>
Otro inicio inesperado
Debo asumir esto, tiendo a iniciar proyectos cuando veo una gran oportunidad a largo plazo y siento la seguridad de llevarlo(eso es cierto, mi sitio si ha ido creciendo de a poco pero creció).
Aquella tarde estaba configurando VSCode con perfiles y temas para especificos lenguajes de programación que usaba en aquel tiempo.
De nuevo la idea de la personalización estaba presente, la comodidad es importante, así que solamente por gusto me fuí a vscodethemes y busqué algo nuevo.
Gracias a Everforest
Hey, antes de pasar a esta parte, recuerdo haber visto un vídeo de YT donde mostraban temas coloridos (no el blanco puro por cierto), me encantó el tema Bamboo(el cuál no logré encontrar por algún lado, si encuentras la paleta de colores sería genial) y luego un esquema para vim llamado Everforest, era el reemplazo ideal para Bamboo.
Lo tenía, visualicé una estructura pero no me quedaba claro.
Ya tengo la paleta de colores, elegí el tema Light
Hugo y Figma
Busco que los productos y proyectos que haga sean especiales y visualmente que se diferencien. Mi futuro sitio no debía ser visto como una plantilla, de eso me traté de asegurar.
Así que busqué blogs de desarrolladores o temas similares, fuí al catalogo de temas de Hugo, buscaba algo sencillo y con una estética suave, porque la mayoría de sitios que había encontrado antes, era muy técnológicos.
El tema de Bear
Este tema me interesó cuando lo vi, y después de una búsqueda comparativa me quedé con este.
Estaba animado así que me puse manos a la obra, instale Hugo, configuramos el tema (algo complicado al ser primera vez) pero se sentía vacío. Quizás la expectativa que tenía requería de personalización, pero tenía bastantes herramientas que me inspiraron para tenerlas en cuenta al crear este blog.
Posteriormente, mi estándar para el sitio era alto, no encontraba algo que quería y eliminé el prototipo fallido de colores para Bear, no es nada malo hacia ello y destaco que es un gran tema, pero no para la estética que buscaba.
Había salido un rato porque estuve largo tiempo sentado allí, y al ver una pared de donde vivo, el tono beige o un amarillo suave, me recordó a Everforest.
Volví inmediatamente porque tuve una idea, maqueté como debía verse y agregué notas al paso para implementar y con eso estuve satisfecho.
Llevé la idea a Figma donde con más detalle pude visualizarlo, cargué la imagen de la paleta de Everforest Light y fuí colocando colores.
Mira esta es la versión inicial que tuve.
Antes de esto, tomé cuidado con la elección tipográfica, busqué una de aspecto redondo y monoespaciada.
Tenía en mira a algunas de Nerd Fonts, sin embargo, la combinación no era buena.
En Canva había encontrado una llamada Balsamiq Sans y me quedé con esta, pero necesiba una para titulares, y en recomendaciones apareció un Comic Neue.
¡Listo! 😄
El perfil que buscaba era visible, lo conseguimos (puede que no te guste pero a mí si jeje).
Astro
¿Velocidad y SEO?, NextJS estaba por cerca de ser parte del stack sin embargo tuve varios problemas de desarrollo y no era una tecnología que quería tanto.
Astro, vino como una estrella a salvar esta idea, me encantó lo rápido de compilar a diferencia de NextJS, posee componentes para optimizar recursos y era agnóstico, súper.
Tuve que aprender a usarlo, era algo nuevo para mí. En buen caso, me apoyé de usar IA para iniciar, y como todo los inicios, son complicados.
Desde ese momento tuve el blog y fue refinándose, ahora mi sitio.
Lo desplegué en Github Pages para vincularlo con mi perfil, menuda sencillez.
Notas finales
A pesar de que comenzó hace unos meses y no me dedico todos los días a su desarrollo, ha crecido mucho y no lo reconozco desde que comenzamos.
- Integramos un soporte de RSS para el proyecto de Automatizacion de Redes Sociales.
- Creamos temas, uno de ellos no lo uso.
- Configuramos servicios de análiticas.
- Ampliamos el tipo de contenido, no solo es un blog, tenemos varios como una bitácora de proyecto (esta es una).
- y por supuesto, un enfoque alto en configuración como estilizado.
Estoy contento con este trabajo, siendo cliente y director a la vez es algo que estoy interiorizando, y por cierto, animo a que puedan crear un sitio web suyo. En un mundo de IA donde se valora más la velocidad y función, la experiencia como personalidad destacará mucho, de eso tengo argumento. ⭐
He dejado estas preguntas para mí futuro yo, no quiero olvidarlo :D
¿De dónde me inspiré?
Inicialmente tuve la idea de lograr la estética de algunos sitios japoneses que veía, eran cálidos como agradables, usan mascotas pero intenté tomar algunas ideas, veo que todo esos pensamientos tuvieron efecto al final.
¿Seguirá actualizándose?
Completamente, al igual que se creador, este sitio seguirá desarrollandose en paralelo, tengo muchas otras ideas y posiblemente cree una plantilla para que otros puedan usarlo. Estaré bastante contento si alguien lo usa y claro, me comente que le gusta y desea usar. ¿Tal vez eres tú?
¿Puedo usar tu proyecto para crear mi sitio?
Claro que sí, pero antes te recomiendo y por favor, enviarme un mensaje por Gmail o algún canal de contacto para orientarte y tener en mente que alguien más le gusta, no querrás que lo encuentre yo mismo jeje 🕵️.
¿Por qué todo esto?
Es un intento de aportar lo que sé hacer para todos, me he ayudado y he conocido mucho gracias a personas valiosas que comparten el conocimiento, si no fuera por ellos este mismo proyecto, no existiría, es una forma de autosostenibilidad significativa que posee el sitio y claro, mientras el creador siga en pie.
Estaré actualizando las posteriores entradas, ¡hasta luego! 👋