Ben Borgers

How to get absolute URLs in a React Static sitemap

April 7, 2021

When I first generated used react-static-plugin-sitemap, it outputted a sitemap (at the URL /sitemap.xml) with URLs that are relative, meaning that they only start with /.

Sitemaps aren’t supposed to have relative URLs, they’re supposed to have full URLs (which start with http:// or https:// and include the domain).

This problem arises because React Static doesn’t know which domain your site is going to be published at. You can fix this by adding a property to the object exported by static.config.js:

// static.config.js

export default {
	siteRoot: ''

Now, the URLs in sitemap.xml will have the full domain in them.

Subscribe to my newsletter!

A weekly round-up of new blog posts and updates to projects I’m working on.