Anni B Sweet (fansite)
Sitio web no oficial donde recopilo enlaces a música, vídeos y otros datos que vaya encontrando y que sean interesantes. Una forma de devolverle lo que nos ha dado con su música.
Historia del proyecto
Hace unos años, compré una versión «alemana» del primer disco de Anni B Sweet llamado «Start Restart Undo». Lo escribo entre comillas lo de alemana porque aparecía una URL con el TLD .de (el disco era publicado en España, pero también en Alemania). Esto me hizo darme cuenta que nunca había visto la web de Anni (o si tenía alguna). Entré y ví que annibsweet.de estaba completamente caído. Al ser desarrollador, me puse a ver si existía algo por Internet Machine o en los registros).
Lo único que encontré es alguien que quería 1.800 euros por el dominio annibsweet.com. Entiendo lo que es el mercado de dominios y me jodió un poco. Lo que sí ví fue el dominio annibsweet.es y lo compré para que no se lo quitaran tampoco. Me regalaron también el annibsweet.online pero, al ser un TLD especial, lo acabé dejando de lado por los costes.
Se me ocurrió hacer una landing provisional de Universo por estrenar dando información útil como enlaces a las redes de Anni B Sweet, las plataformas de streaming de Universo Por Estrenar y los enlaces a Subterfuge Records tanto web como tienda. Lo único que quería es que, si Anni necesitaba algún día el dominio, lo tuviera disponible. Sí, así soy. Incluso le añadí un mensaje diciendo que me escribiera si lo necesitaba.
Con el paso del tiempo, he intentado hacer varias webs «homenaje» pero siempre me ha dado miedo de publicar. Hubo una versión muy guay con un carrusel vertical con todos sus proyectos. La web cambiaba según en la diapositiva del carrusel en el que se encontraba. No llegué a acabarla por mi falta de diseño y mi pérdida de contexto intentando desarrollar y diseñar varias veces.
Fui limpiando y mejorando la landing de Universo Por Estrenar añadiendo alguna que otra noticia que colgaba Anni, pero se quedó estática durante los 4 años que la tuve publicada.
Durante un tema personal que me tuvo alejado de los conciertos y mucho tiempo en casa, estuve probando tecnologías nuevas y cosas fuera de mi zona de confort. Empecé a crear un sitio web en forma de «archivo» porque no quería complicarme con diseños y estilos (ya que esto fue mi perdición). Le eché varios fines de semana pero me agobié por publicarlo. Las incertidumbres de que si esto le afectaría para mal a la artista.
Cuando pude volver a un concierto, me dio la suficiente energía para continuarlo, pero se quedó otra vez en «proyecto personal de práctica». Cuando mi amigo JARN lo vió, me dijo que no fuera tonto, que lo tenía demasiado avanzado como para no publicarlo. Mientras que se lo enseñaba, nos pusimos a ver los dominios otra vez y nos dimos cuenta que annibsweet.com estaba completamente libre. La persona que quería un dineral, lo había dejado caducar. No dudé 2 segundos en comprarlo también.
JARN me dijo que: «ahora tienes el annibsweet.es y el annibsweet.com, no seas tonto y aprovecha a publicar el sitio». Y lo hice.
Empecé a echarles ratos por las noches para seguir añadiendo más vídeos, más música, más cosas. Lo publiqué para forzarme a seguir añadiendo cosas y cosas. Hasta que un día esté perfecta y solo quede añadir información o hacer una V2.
Tecnologías usadas

Astro JS

n8n
Características interesantes
- Astro: Utilizo este framework para ver la potencia del sitio. La idea era no usar WordPress y ver algo más estático, por la posibilidad de que explote un poco el sitio por la relevancia de Anni. No tengo servidores mega potentes y la idea era usar estáticos para servir el contenido.
- Bases de datos en JSON: hay páginas que son plantillas específicas con su contenido, pero otras son plantillas repetitivas y que estaría genial que se rellenaran con bucles, como cualquier plantilla de archivo. Para no tener una base de datos activa, he utilizado JSONs para tener un repositorio de contenido y ordenado. Astro lee los ficheros para importar y crear las vistas. Una vez se genera el build, ya no hay JSON y todo está en el HTML.
- APIs de consulta y n8n: tengo mi n8n centralizado para todos los proyectos y lo utilizo tanto para manejar las credenciales como para crear endpoints más simples a mis apps. Prefiero automatizarlo en n8n porque muchas de los endpoints son genéricos de las apps y me aseguro que siguen actualizados por el mismo n8n (no reinventar la rueda). Para rellenar y obtener la info prácticamente de todo, empecé a «scrapear» las APIs y comenzar con una base. A partir de ahí, fui arreglando JSONs, optimizando para mis necesidades y orientado todo a esta web.
- Sistema multi idioma en Javascript: nunca me había propuesto hacer un sitio multi idioma en mis proyectos. En este caso, puede tener mucho sentido. He usado el mismo principio que he usado en landings del trabajo y otros proyectos pequeños de tener un array con las cadenas y solo se necesita añadir una cadena para ser traducido. Sé que hay paquetes oficiales, pero lo veía muy complicado o con demasiadas cosas que no utilizaré. Menos dependencias, dev más feliz.
