How do I use async/await in Next.js?

How do I use async/await in Next.js?

You can use async/await in Next.js for data fetching in functions like getStaticProps or getServerSideProps.

Can you show me an example of using async/await in getStaticProps?

Sure! Here's a simple example:

export async function getStaticProps() {
  const res = await fetch('https://api.example.com/data');
  const data = await res.json();

  return {
    props: { data },
  };
}

What happens if the fetch fails?

If the fetch fails, you can handle errors using try/catch blocks. Here's an example:

export async function getStaticProps() {
  try {
    const res = await fetch('https://api.example.com/data');
    const data = await res.json();
    return { props: { data } };
  } catch (error) {
    console.error(error);
    return { props: { data: null } };
  }
}