No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

Initial Props y Consultas a la API desde el servidor

12/17
Recursos

Aportes 3

Preguntas 1

Ordenar por:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

Desde la versión 18 de Node, ya se puede usar Fetch API en node. Si deseas comprobar que versión de node tienes, puedes ejecutar:

node --version

Con esto ya no sería necesario usar axios. Para este ejemplo usé la función getGalaxiesJSON() que lo encuentras en la carpeta api y el resultado quedó así:

app.get('/galaxias', async (req: Request, res: Response) => {
  const data = await getGalaxiesJSON()
  const initialProps = {
    galaxies: data
  }
  res.send(render(req.url, initialProps))
})

Este es el código de esta clase:

app.get('/galaxias', async (req: Request, res: Response) => {
  try {
    const { data } = await axios.get("https://images-api.nasa.gov/search?q=galaxies")

    const initalProps = {
      galaxies: data?.collection?.items
    }

    res.send(render(req.url, initalProps))
  } catch (error) {
    throw new Error("An error ocurred in /galaxias", error)
  }
})

Este es el script

<script> window.__INITIAL_PROPS__= ${JSON.stringify(initalProps)}</script>