Blog Personal con SvelteKit y Markdown

Introducción

Este proyecto es un blog personal creado con SvelteKit y Markdown. El objetivo principal es aprender a usar SvelteKit y tener un espacio donde pueda escribir sobre mis intereses de una manera más extensa que en redes sociales.

Motivación

Elegí trabajar con SvelteKit y Markdown porque son tecnologías nuevas que han resuelto muchas de las complejidades que presentan otras herramientas, tanto en su uso como en su implementación. Esto me permite enfocarme más en la creación de contenido y menos en la configuración técnica.

Funcionalidades Principales

El blog está construido de manera sencilla utilizando archivos Markdown para el contenido y los estilos son aplicados con la ayuda de Open Props, lo que facilita el manejo de estilos consistentes.

Funcionalidades Clave:

• Publicación de posts a través de archivos Markdown.
• Estilos personalizados con Open Props.
• Animaciones y efectos visuales en el nombre del footer y el título del blog.

Desafíos Técnicos

El principal desafío fue implementar las rutas dentro de SvelteKit. Sin embargo, descubrí que es una de las funcionalidades más simples de este framework, lo que me permitió avanzar rápidamente en el proyecto.

Componentes Personalizados

Desarrollé algunos componentes personalizados, entre los que destacan:

• Nombre en el Footer: Implementé una animación de colores en gradiente que se desplaza constantemente, lo que le da un toque dinámico.
• Título del Blog: El título cuenta con una animación al cargar la página por primera vez. Sin embargo, tengo planes de cambiar este efecto en futuras versiones.

Lecciones Aprendidas

Trabajar en este blog me permitió aprender a utilizar estilos con Open Props y a configurar el entorno de producción, lo que resultó ser una experiencia muy enriquecedora.

Futuras Mejoras

Tengo en mente algunas mejoras para el proyecto, entre ellas:

• Mejorar el diseño del blog para hacerlo más atractivo visualmente.
• Cambiar el dominio a uno personalizado para darle un toque más profesional.

Despliegue

El despliegue del blog se realizó utilizando GitHub y Vercel. Ambos servicios están vinculados, lo que permite un despliegue automático cada vez que realizo cambios en el repositorio.