Breaking News: Grepper is joining You.com. Read the official announcement!

how to cleanly handle errors in nextjs getStaticProps

Anthony Michael answered on January 23, 2023 Popularity 1/10 Helpfulness 1/10

answer how to cleanly handle errors in nextjs getStaticProps

how to cleanly handle errors in nextjs getStaticProps

Comment

export async function fetcher(url, options = {}) {
  try {
    let response;
    if (!options) {
      response = await fetch(url);
    } else {
      response = await fetch(url, options);
    }
    const data = await response.json();
    return data;
  } catch (error) {
    return {
      notFound: true,
    };
  }
}

//in pages/index.js

import { fetcher } from "/lib/api";

export async function getStaticProps() {
  const { data, notFound } = await fetcher(
    `${process.env.NEXT_PUBLIC_STRAPI_API}/homepage?publicationState=live&populate[seo][populate]=%2A&populate[pageHeading][populate]=%2A&populate[socialMedia][populate]=%2A&populate[block][populate]=%2A`
  );

  if (notFound) {
    return {
      notFound: true,
    };
  }

  return { props: { data } };

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: getstaticprops handle javascript

Link to this answer
Share Copy Link