Caso de Éxito
MusicApp
Generación musical con IA
(2025)·(Next.js, React, TypeScript, Tailwind CSS)
(Contexto)
MVP de generación musical por IA: describes una idea y obtienes una canción original en menos de un minuto. Sin teoría musical, sin instrumentos, sin fricción.
(Reto)
- Latencia alta de la generación que dejaba al usuario sin feedback.
- Estados de la canción cambiando sin recargar la página.
- Reproductor consistente entre Chrome, Safari y Firefox.
- Validaciones que el backend no comunica con claridad.
(Solución)
- Polling incremental con UI reactiva durante la generación.
- Transición suave al reproductor cuando la canción está lista.
- Reproductor unificado vía Plyr para todos los navegadores.
- Validación en cliente y mensajes de error visibles sin romper la navegación.
