Desarrollo web: La Velada 4 en directo

·1h 37m

Resumen Técnico: La Velada 4

El episodio se centra en el desarrollo interactivo de la nueva página web para La Velada 4. El proceso se caracteriza por una metodología ágil, trabajando sobre una base de código abierto y adaptando el diseño a los nuevos activos visuales.

Aspectos Clave del Desarrollo

Tecnologías utilizadas: Se mantiene Astro como framework principal, utilizando Tailwind CSS para el estilado y Lucía Auth para la autenticación.
Gestión de Diseño: Se ha implementado un nuevo logo con efecto de brillo dinámico (usando halos y desenfoques) y se prepara la integración de una tipografía propietaria llamada Atomic Font.
Arquitectura del sitio: Se han eliminado funcionalidades como el toggle entre modos claro y oscuro para estandarizar el sitio bajo una estética Dark Mode con colores vibrantes.

Funcionalidades y Estrategias

"Los feature flags son fundamentales porque nos permiten desplegar código en producción que permanece desactivado hasta que el sistema de pronósticos esté listo."

Optimización: Se aplican técnicas de layout shift (para evitar saltos visuales) y se trabaja en un efecto de ruido granular constante mediante CSS para dar textura al fondo.
Gestión de Patrocinadores: Se ha diseñado una sección dinámica para los sponsors, incluyendo la optimización de los archivos SVG para mejorar los tiempos de carga.
Filosofía DevOps: Se discute la importancia de la rapidez de despliegue para reducir el miedo a publicar los viernes, priorizando sistemas automáticos y rollbacks eficientes.

Temas

Astro TailwindCSS DevOps LaVelada4 Programación DesarrolloWeb Frontend

Capítulos

9 chapters