¿Qué novedades hay en Tricalendario? Mejoramos la plataforma constantemente y aquí registramos los cambios más importantes. También puedes ayudarnos enviando ideas y sugerencias o avisándonos de un error si lo encuentras.
Ahora puedes identificar de un vistazo qué filtros tienes aplicados. Los filtros seleccionados se muestran al inicio de la lista de competiciones, justo encima de los resultados. Así puedes ver rápidamente los criterios activos y eliminar filtros individualmente con un solo clic.
Una forma más rápida y visual de controlar tus competiciones filtradas.
Ahora puedes explorar todas las competiciones del calendario directamente en un mapa. Al final de cada calendario encontrarás una nueva sección donde se muestran todas las pruebas geolocalizadas. Esta vista te permite descubrir competiciones por su ubicación y elegir tu próxima carrera según dónde se celebra, de una forma más visual e intuitiva, sin depender únicamente de los filtros tradicionales.
Para evitar confusiones, ahora mostramos un indicador cuando estás consultando un calendario o una competición de años pasados. De esta forma queda claro que los eventos mostrados ya se han celebrado y puedes cambiar fácilmente al calendario con competiciones futuras cuando lo necesites.
Ahora la página de detalles de cada competición incluye la ruta en la que te encuentras. Así es más fácil navegar por Tricalendario y saber de un vistazo en qué categoría se encuentra esa competición.
Inicialmente mostramos el año y la comunidad autónoma, pero la idea es incorporar provincia, ciudad e incluso distancias.
Hemos creado la página Todos los calendarios con un listado de todas las combinaciones de filtros disponibles. Combinando todas las comunidades autónomas (17) con las distancias (5) obtenemos muchos calendarios distintos. Si tenemos en cuenta que se pueden combinar hasta 4 distancias a la vez, son más de 570 calendarios.
Para facilitar la indexación de cada una de estas combinaciones, es mejor tener un listado completo.
¡Ya puedes filtrar por distancia de la competición! Tantos filtros como quieras, múltiples distancias a la vez, y combínalos con los filtros de ubicación y relevos que ya existían.
Ahora los enlaces de Tricalendario incluyen imágenes compatibles con el protocolo Open Graph, lo que permite mostrar información más atractiva y relevante al compartirlos en redes sociales, mensajes y otros sitios web.
Esto ayuda a captar mejor la atención y, en consecuencia, a conseguir más clics cuando se comparten nuestros enlaces.
Añadimos un formulario en la página principal y en otras partes de la plataforma para que los atletas se puedan dar de alta y recibir novedades, nuevas competiciones, etc.
Después de introducir el email, puedes elegir tu preferencia: solo competiciones de tu comunidad autónoma o de todo el país.
Empezamos la transición a comunidad, y el primer paso es que los atletas puedan suscribirse a los eventos. Hemos añadido un formulario para suscribirse a las actualizaciones y noticias de cada evento. Por ahora este formulario solo aparece cuando las inscripciones están cerradas, para poder avisar cuando abran. La idea es añadirlo en más sitios, y que los usuarios puedan acabar registrándose y teniendo un registro de las competiciones que siguen y en las que han participado.
Esto también nos permite ampliar la plataforma más allá de la información pre-carrera: información del día del evento, resultados, futuras ediciones… Además de fidelizar a nuestros usuarios y tener más canales de comunicación para los organizadores.
Al final de la página de cada competición hay una nueva sección con más competiciones de esa misma comunidad autónoma. Vimos que los usuarios que llegan a la web a través de la página de una competición ven una media de 1,28 páginas, un índice bajo comparado con el 2,17 medio de la web.
Si hay más de 4 competiciones en la comunidad autónoma, mostramos 3 y una tarjeta para ir a la página filtrada con todas las próximas competiciones. Si hay 4 o menos, las mostramos todas en la misma sección.
Hemos añadido el mapa de cada competición a partir de sus coordenadas. Usamos la librería pigeon-maps, que a su vez usa OpenStreetMap. Todo de código abierto y pensado para la privacidad y el rendimiento de la página.
Además, incluimos un enlace para abrir el mapa en Google Maps, porque no hacerlo empeoraría la experiencia. No se comparte ninguna información con Google hasta que haces clic en el enlace.
Hemos añadido enlaces al listado de triatlones de cada comunidad autónoma al final de todas las páginas, para ayudar a navegar por la web y mejorar la indexación y el descubrimiento de estas páginas por parte de los buscadores.
También hemos añadido el botón Mostrar resultados en el desplegable de filtros de la versión móvil. Con cada vez más opciones de filtro, el desplegable ya ocupaba toda la pantalla y no se podía tocar fuera para cerrarlo.
Hemos mejorado notablemente el filtrado de competiciones, arreglado la barra de búsqueda que dejó de funcionar tras migrar a Next.js, y ahora todos los filtros se guardan como parámetros en la URL. El objetivo es que puedas compartir la página y que los filtros se apliquen también al abrirla. Aún quedan algunos casos en los que, al cargar la página, los filtros se borran o no se aplican.
La barra de filtros ahora es sticky y se mantiene siempre junto a la barra de navegación. Antes solo podías abrirla si estabas arriba del todo de la página.
Además, muchas pequeñas mejoras de código: optimización de las tarjetas de carga, gestión del fetch y respuesta 204 del backend cuando no hay resultados.
Por fin hemos conseguido añadir la información de cada evento en formato JSON-LD, para indicar a los buscadores que esa página trata de un evento. Fue más complicado de lo esperado, porque tiene que venir renderizado desde el servidor, a diferencia de gran parte de la información dinámica de la página.
Tras meses peleándonos con Google Search Console sin conseguir indexar todas las páginas, decidimos migrar de React (CRA) a Next.js para tener server side rendering (SSR) y facilitarles el trabajo a los robots de los buscadores.
Por casualidad descubrimos la startup Second, que promete una «Fully automated codebase migration» con IA y tiene un módulo para migrar de CRA a Next.js 13.4.
Lo probamos a principios de agosto y no funcionó. Nos contactó su fundador, Eric Rowell, y decidió echarnos una mano: como aún estaban entrenando su modelo, no iba muy bien, pero con ayuda del equipo lo mejorarían.
Un mes después, con Weiran Li, ingeniera de Second (YC W23), haciendo cambios en el repositorio, consiguieron migrar todo Tricalendario a Next.js.
Este changelog no existía ese día, pero para conservarlo como archivo tiene sentido que empiece el mismo día que empezó la web.
El primer commit del repositorio es del 13 de junio de 2022. El 19 de ese mismo mes se acelera el desarrollo con Patricio.
El primer deploy a tricalendario.com es del 8 de septiembre de 2022 y tenía este aspecto:
