Muito obrigado IanMiranda! Seria tipo isso? -
// ... imports
export async function getServerSideProps() {
const request = await fetch("https://dummyjson.com/products");
const data = await request.json();
return {
props: {
datas: data,
},
};
}
export default function Home({ datas }) {
return (
<ul>
{datas.products.map((item) => (
<li key={item.title}>{item.title}</li>
))}
</ul>
);
}
Com isso as <li>
já iriam ser criadas com base na atualização da API?
Isso, exatamente assim.