emilpriver

## Example 1:
export async function getStaticProps() {
  const data = await axios
    .get("https://api.priver.dev/wp-json/wp/v2/works?filter=[orderby]=date")
    .then(d => d.data);
  console.log(data);
  return { props: { projects: data } };
}

class Home extends React.Component {

emilpriver

import React from "react";
import axios from "axios";

const sitemapXml = data => {
  let latestPost = 0;
  let projectsXML = "";

  data.map(post => {
    const postDate = Date.parse(post.modified);
    if (!latestPost || postDate > latestPost) {

emilpriver

// import functions from the package
import { SitemapStream, streamToPromise } from "sitemap";

// A custom function I use to fetch data from a backend. I will keep the import to make it more clear why "graphlqlFetch" is used in the code
import graphlqlFetch from "lib/apollo"

export default async (req, res) => {
  // Fetch data from a source which will be used to render the sitemap.
  const { posts } = await graphlqlFetch(`
    query getSitemapData {

emilpriver

// import functions from the package
⁠import { SitemapStream, streamToPromise } from "sitemap";
⁠// Fetch data from a source which will be used to render the sitemap.
⁠const { posts } = await graphlqlFetch(`
⁠    query getSitemapData {
⁠      projects: allWorks {
⁠        slug {
⁠          current
⁠        }
⁠        publishedAt