The way I generated my sitemap is with a package named “sitemap” which is an awesome package to generate a sitemap with. import { SitemapStream , streamToPromise } from 'sitemap' ; const { posts } = await graphlqlFetch ( ` query getSitemapData { projects: allWorks { slug { current } publishedAt } } ` ) ; const smStream = new SitemapStream ( { hostname : 'https://priver.dev' } ) ; smStream . import { SitemapStream , streamToPromise } from 'sitemap' ; import graphlqlFetch from 'lib/apollo' ; export default async ( req , res ) => { const { posts } = await graphlqlFetch ( ` query getSitemapData { projects: allWorks { slug { current } publishedAt } } ` ) ; const smStream = new SitemapStream ( { hostname : 'https://priver.dev' } ) ; smStream .