Me tomé un pequeño descanso y ya estoy devuelta con las funcionalidades más sencillas, estas son múltiples consultas y CRUDs pequeños.
Por donde empezamos...
Esta es una funcionalidad que depende mucho de la pantalla, por lo tanto regreso a ver mis wireframes y pensé en 6 clips, en un layout de 3 columnas:
Anteriormente había pensado en utilizar el websocket como punto único para comunicarme con el frontend:
Revise el API de Twitch para asegurarme de que necesito:
Necesito el id del streamer, el token y no es como que actualice mucho la lista que me provee.
Ahora como lo vuelvo realidad...
Mi objetivo en este punto, es encontrar la mejor forma para brindarle los clips al frontend; recopilando todo lo anterior, tengo 3 opciones:
- Utilizar Firestore: Deberia crear una tabla para guardar los clips y de ese modo escucho dicha tabla para mostrar todo en el frontend; peeero, no tiene mucho sentido, ya que no necesito persistir esta data.
- Un http function: Crear un servicio intermediario que me de la data, es un poco más seguro y puedo controlarlo a mi antojo. Además me puedo considerar un caché.
- Llamar directamente a Twitch: Llamo el servicio directamente desde el Next.js a través del SSR y por mera curiosidad me entero que hay Caching al hacer SSR en el framework:
Decisión
Voy a evaluar el Caching que provee Nextjs y el plan B seria evaluarlo por backend.
Además volvamos más interesante esto, permitiré paginación, de ese modo al crear el componente podré agregar flechitas para que puedan continuar viendo clips.
