I am trying Next js and following Docs but here data is not rendered in the home page

import Image from "next/image";

export async function getStaticProps() {
  const res = await fetch("http://localhost:3001/api/blogs", { mode: "cors" });
  const data = await res.json();

  return { props: { data } };
}

export default function Home({ data }) {
  return <main>{data}</main>;
}

The api endpoints is working fine