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.