Advertisement
gonzalob

Untitled

Jan 3rd, 2022
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.35 KB | None | 0 0
  1. Estoy haciendo el LogIn a la página. Por decisión del equipo nosotros vamos a almacenar el token recibido en el session storage. El asunto es, todos los fetchs que hacemos tienen que tener el token. Todos los servicios que teníamos antes los pasé a useEffect de los componentes para que en ese momento busquen el TOKEN en el session, el asunto es que tengo dos situaciones donde no lo puedo pasar a useEffect, donde uso getServerSideProps y después en getStaticPaths con el getStaticProps, al querer realizar la búsqueda del token en estos casos obviamente no lo encuentra porque el sessionStorage está del lado del cliente y estas funciones se renderizan antes.
  2.  
  3. No estoy encontrando cómo hacerles llegar el token, probé y pensé varias alternativas de ejecutar otras funciones que me traigan el token pero es en vano porque igual se renderizan del lado del servidor y tampoco lo encuentran.
  4.  
  5. creamos un custom hook que verifica si sessionStorage está definido para correr esto (no se ejecuta en ningún momento porque cuando se define esto no corre más)
  6.  
  7. Después pensamos en pasarlo por servicios pero en los "services" no puedo acceder al sessionStorage
  8.  
  9. No puedo ponerlo en un estado porque en getServer y getStatic no se pueden utilizar hooks, por ende cualquier herramienta de esa mano no sirve
  10.  
  11. Buscamos una forma de pasarle por props el token o los datos necesarios pero no encontramos forma de agarrar el flujo de
  12.  
  13. Estoy del lado del cliente
  14. 2. Me estoy por ir a una page que tiene getStaticPaths
  15. 3. El componente que estaba del lado del cliente le envía a getStaticPaths le envía el token
  16.  
  17. No encontramos mucho el sentido en la última pero es lo que se nos ha ocurrido
  18.  
  19. Después pensamos en usar alguna librería para manejarlo pero la única que nos convence es Next auth y no logramos ver la forma de utilizarlo con una API "externa", osea no realizada en el mismo projecto de NextJS
  20.  
  21. getConfig from "next/config"
  22.  
  23. serverRuntimeConfig no me funcionó, por un lado porque seguí la documentación que encontré usándolo con una variable de entorno, pero no puedo modificar esa variable. Después me tiré el lance de dejar el serverRuntimeConfig escuchando un estado de un contexto pero no puedo utilizar el context en el archivo next.config
  24.  
  25. Settear el header directamente con el token... (EN PROGRESO) Todavía no sé cómo settearlo en algún componente
  26.  
  27.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement