-
Cloudflare -
Vercel -
Astro -
Tailwind CSS -
Cloudinary -
Sass -
TypeScript -
VSCode -
Figma
Sofi Links
Definición del proyecto
Sofi Links es la página web que reúne los enlaces de redes sociales y plataformas de contenido de Sofi Dev, streamer de programación de México. Su objetivo es ofrecer a su comunidad un acceso fácil y organizado a sus diferentes perfiles (Twitch, YouTube, GitHub, entre otros), además de mostrar en tiempo real si está en vivo en Twitch para que sus seguidores sepan cuándo unirse a sus transmisiones. El sitio está construido con un layout tipo bento, una disposición visual que organiza el contenido en bloques para mejorar la navegación y la experiencia del usuario.
Actividades realizadas
- #2 - Add section left the bento: implementación de la sección izquierda del bento layout, incluyendo un carrusel de imágenes construido con React (
Carousel.tsx), el componenteLinkSocialcon los enlaces a redes sociales, su integración en el layout principal y la actualización de la data desocial.json. Versión responsive tanto para móvil como para desktop.
Resultados obtenidos
La sección izquierda del bento quedó funcional tanto en móvil como en desktop, integrando el carrusel y los enlaces sociales de forma fluida con el resto del layout. El proyecto me permitió reforzar mis habilidades con Astro y, además, profundizar en Cloudflare para configurar reglas de firewall y protección contra ataques DDoS, ya que la página estaba siendo atacada con frecuencia y necesitaba mantenerse disponible para la comunidad.
Conclusión
Contribuir a Sofi Links fue una experiencia muy gratificante porque me permitió colaborar en un proyecto open source con un impacto directo sobre la comunidad de seguidores de Sofi Dev. Más allá de lo técnico, esta contribución me enseñó a tomar decisiones de seguridad e infraestructura mientras se desarrolla, algo que normalmente no se aborda en proyectos cerrados. Espero seguir apoyando iniciativas como esta donde el trabajo colaborativo se traduce en valor real para una comunidad.