sitemap flowchart

How To Create a Site Map on a React Single Page App
Published: 01-Jun-2018

So, it turns out that it's not 'easy' to create a sitemap.xml file for your own Single Page App. But, there are lovely people out there who build tools to make it easy.

If you have a Single Page App that is using React Router, this story is not for you. Instead, you should look up a solution that utilizes React Router to generate your sitemap.xml file.

For people who are not using React Router, you need to use http://botmap.io/.

Before you try to use bot map though, make sure you read its instructions. The main caveat is that it needs you to add a script before the closing body tag. It's easy enough to do, it's just that it's easy enough to not locate these instructions before you've already tried using the tool.

Otherwise, it works like a charm!

sitemap flowchart

How To Create a Site Map on a React Single Page App
Published: 01-Jun-2018

So, it turns out that it's not 'easy' to create a sitemap.xml file for your own Single Page App. But, there are lovely people out there who build tools to make it easy.

If you have a Single Page App that is using React Router, this story is not for you. Instead, you should look up a solution that utilizes React Router to generate your sitemap.xml file.

For people who are not using React Router, you need to use http://botmap.io/.

Before you try to use bot map though, make sure you read its instructions. The main caveat is that it needs you to add a script before the closing body tag. It's easy enough to do, it's just that it's easy enough to not locate these instructions before you've already tried using the tool.

Otherwise, it works like a charm!