Hola a todos, soy extremadamente nuevo en el mundo de Next.js.

Estoy usando getStaticProps() para hacer una llamada a la API y para que sea poco organizado, he creado una página separada "git" en la carpeta "páginas" y aquí está mi código:

 function Git({ stars }) { return <div>Next stars: {stars}</div> } export async function getStaticProps() { const res = await fetch('https://api.github.com/repos/vercel/next.js') const json = await res.json() return { stars: json.stargazers_count } } export default Git

Y estoy tratando de cargar los datos de la API en el archivo index.js en la carpeta "páginas".

Dentro del archivo index.js, estoy usando a continuación para cargar los datos de la API desde la página "Git"

 import fetch from "isomorphic-unfetch" import Git from './Git'

Y bajo el siguiente

 render () { return ( <Git />

En el navegador, no veo los datos de la API, pero veo el HTML de la página "Git".

 <div>Next stars: </div>

¿Hay alguna forma de cargar los datos de la API desde una página diferente a la página index.js?

Sin embargo, si accedo directamente a la página, por ejemplo: http://0.0.0.0:3000/Git , obtengo los datos de API adecuados.

Problema El problema es que los datos de la API en la página "Git" no se pasan a la página principal "index.js". ¿Hay alguna forma de que pueda pasar los datos de "Git" a "index.js"?