Tengo un pequeño sitio de reacción (3 páginas) que está renderizado previamente y se sirve como html desde nginx. El sitio tiene un componente que necesita extraer datos, una cantidad muy pequeña de datos de una API en tiempo de ejecución (hidratación inicial cuando se carga el sitio). El dato extraído es diferente para cada usuario. ¿Se puede lograr eso en una aplicación SSG de reacción?
si no, ¿cuál es el mejor enfoque, SSR parece un poco excesivo para 3 páginas?
useEffect(() => { fetch("myApi") .then(response => response.json()) .then(data => setData({data})) },[])Obviamente, una búsqueda como esta no funcionará porque se ejecuta una vez en el momento de la compilación, pero ¿tal vez incluya un script de tiempo de ejecución?
La diferencia entre SSG y SSR es cuando calcula el html que se devuelve desde el servidor.
Con SSG, se procesa en el momento de la compilación, mientras que con SSR, en el momento de la solicitud.
Obviamente, SSR tiene más sobrecarga computacional que SSG debido al almacenamiento en caché.
Por lo tanto, cuando desea recuperar datos específicos del usuario del servidor, no necesita SSR para representar el html desde el servidor. Por lo general, SSR es útil para los datos generados dinámicamente que le interesan por motivos de SEO (por lo que, en este caso, no se aplica, ya que sus datos son específicos del usuario), o una representación de contenido percibida más rápida en comparación con CSR.
En su caso, puede realizar una solicitud ajax en el cliente, pasando un token al servidor para identificar al usuario y representar el contenido del lado del cliente.