Puedo ver mis datos de API desde mi terminal y también está llamando dos veces. También quiero mostrar datos en mi plantilla de página. Pero no sé dónde estoy cometiendo un error y no se muestra ningún dato en mi plantilla:
aquí está mi código:
export default function Content({ blog }) { return ( <> {blog.map((blogs) => { { blogs.blog_title; } })} </> ); } export async function getServerSideProps() { // Fetch data from external API const url = "http://127.0.0.1:8000/blog-api"; const headers = { "Content-Type": "application/json", Authorization: "<secret>", }; const res = await fetch(url, { headers: headers }); const data = await res.json(); console.log(data); // Pass data to the page via props return { props: { blog: data, }, }; }Olvidó devolver el valor del método .map
export default function Content({ blog }) { return ( <> {blog.map((blogs) => <span key={blogs.id}>{blogs.blog_title}</span>)} </> ); }