LatamQChallenge: Get Clips

Explico el plan de como implementaré la funcionalidad de Get Clips

hace un mes   •   2 min de lectura

Por Andrés Tuñón

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:

LatamQChallenge: De la idea al wireframe
Muestro los wireframes que he estado diseñando para un proyecto dirigido totalmente por mi
Wireframes

Anteriormente había pensado en utilizar el websocket como punto único para comunicarme con el frontend:

LatamQChallenge: Lógica y Arquitectura
Termino de analizar las funcionalidades y defino las reglas del negocio.
Como pense la funcionalidad al principio

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:
Data Fetching: getServerSideProps | Next.js
Fetch data on each request with `getServerSideProps`.

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.

Corre la voz

Sigue leyendo