Possible to revalidate sitemap.xml at runtime?

[fabiancdng]

Hey everyone 👋

I love the new metadata capabilities of Next.js using the app router!

However, I've been wondering whether the sitemap (using the sitemap() generation function) supports some form of ISR or SSR...

https://nextjs.org/docs/app/api-reference/file-conventions/metadata/sitemap#generate-a-sitemap

As pages might be added at runtime in my application, that would be rather important...

Does anyone have any ideas/experience regarding this?

[viniciusbitt]

Running into this same issue now. But you can get it another way using Route Handlers:

app/sitemap.xml/route.ts

export async function GET(): Promise<Response> {
  const headers = new Headers();
  headers.set("Content-Type", "application/xml");

  return new Response(
    `<?xml version="1.0" encoding="UTF-8" ?>
        <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
            <url>
              <loc>https://acme.com</loc>
              <lastmod>${new Date().toISOString()}</lastmod>
              </url>
        </urlset>
    `,
    {
      headers,
    }
  );
}

export const revalidate = 5

I believed that because it was a normal route, the sitemap generation function could be revalidate, dynamic and static. I hope Next.js implements this.

[FerrariAndrea]

In the old version of next.js (pages), we were able to set the revalidate time of the sitemap, I really don't understand why in the app version this is not possible anymore.
I will try to implement the 'app/sitemap.xml/route.ts' as @viniciusbitt is suggesting, thx man.

[lcnogueira]

There's a difference though in how those 2 approaches work: by using route handlers your page will be server side rendered. By using the nextjs sitemap file convention the page will be statically generated. I know this because I want to statically generate that sitemap but I'd need to revalidate it

[mdrayer]

Dang, almost a year and still no answers on if this will get implemented at some point or not.

[FerrariAndrea]

I have some issues opened on next.js, and yes usually they take a lot of time to answer because if you notice there are really a lot of issues, and after the release of version 14 I think they are really busy.
Anyway, the other way "app/sitemap.xml/route.js" with a revalidate seems to work fine as a temporary fix.

[lcnogueira]

I had answered this a few months ago (see comment above) and I said that by using route handlers the page would be server side rendered rather than statically generated. Turns out I was wrong...the reason why the sitemap files were being server side rendered (with streaming) was because I was using the edge runtime and it was disabling the static generation for the pages. I'm statically generating those pages with the route.js now.

[mliudev]

Tried using revalidatePaths('/sitemap.xml') in a route handler to regenerate the static file generated by sitemap.ts, but that doesn't seem to work either.

[pawelhoros]

Next.js 14.2.3, just put in sitemap.ts:

export const revalidate = 3600; // revalidate at most every hour

and sitemap.xml is revalidated in production

[fabiancdng]

Thanks to @pawelhoros's comment, I checked out the behavior of dynamic sitemaps in the newest Next.js version (14.2.3) and it seems like it is indeed possible to specify a revalidation interval in your sitemap.ts/sitemap.js file now.
You can check out my demo setup here: https://github.com/fabiancdng/nextjs-sitemap-reval-test

If someone is still running into stale sitemaps despite the exported revalidate constant, I recommend upgrading to a newer Next.js version. If you don't want to (or can't) do that, I recommend the solution proposed by @viniciusbitt using route handlers.

Closing this discussion now.
Thanks to everyone who gave their input on this!