export async function getStaticPaths() {
  return {
    paths: [],
    fallback: "blocking",
  };
}

export async function getStaticProps() {
  const response = await fetch("https://your-api.com/api/get-all-slugs");

  const data = await response.json();

  const slugs = data?.results || [];

  const baseUrl = "https://www.yoursite.com";

  const urls = slugs
    .map(
      ({ slug }) => `
        <url>
          <loc>${baseUrl}/${slug}</loc>
        </url>
      `,
    )
    .join("");

  const sitemap = `<?xml version="1.0" encoding="UTF-8"?>
    <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
      ${urls}
    </urlset>`;

  return {
    props: {
      sitemap,
    },
  };
}

export default function Sitemap({ sitemap }) {
  return <pre>{sitemap}</pre>;
}