ejim11 / countries-app Goto Github PK

export async function getStaticProps() {
  const res = await fetch("https://restcountries.com/v3.1/all");

  if (!res.ok) {
    throw new Error("Something went wrong!");
  }

  const data = await res.json();

  const loadedData = data.map((country) => {
    return {
      name: country.name.common,
      population: country.population,
      region: country.region,
      capital: country.capital
        ? country.capital
        : "This country has no capital",
      flag: country.flags.svg,
    };
  });

  return {
    props: {
      newData: loadedData,
    },
    revalidate: 10,
  };
}