How to generate sitemap with react router

Question

I'm trying to figure out how to dynamically generate sitemap in reactJS server side (express) web app. I'm using react router.

How detailed do you need your sitemap to be? And I assume XML is fine? — samcorcos, Sep 13 '16 at 02:31

score 16 · Answer 1 · answered Sep 13 '16 at 02:36

16

For simple ReactJS sitemap integration with React Router, you should check out the react-router-sitemap package.

It's fairly configurable as well, as you can see in the docs, so if you need to include change frequency or things like that, you should be able to do it no problem.

Or were you looking for a way to implement one yourself?

answered Sep 13 '16 at 02:36

samcorcos

2,330
4
27
40

Does sitemap.xml created with react-router match our react-router-dom paths in router?Please answer anyone. – Goran_Ilic_Ilke Sep 28 '21 at 07:00
React Router Sitemap has not been updated in over 5 years, doesn't work with latest react version – Temba Aug 22 '23 at 20:29

score 7 · Answer 2 · edited Jul 21 '20 at 10:04

7

If your site frequently changes, you need to dynamically create the sitemap. I was stuck here and found this effective solution, which can even generate a real time sitemap by calling API for my website in ReactJS, using NextJs. dynamic Sitemap Steps

You can do this by creating most of the public files like

sitemap.xml
rss.feed
robots.txt
humans.txt

That too with preserving the behaviour of ReactJS.

edited Jul 21 '20 at 10:04

Vivek Ghanchi

232
4
16

answered Jul 19 '20 at 05:46

yash kothari

81
1
2
8

1

Thank you for your help, I used the code of this blog in my project. It helped me a lot. – Lancer.Yan Nov 22 '20 at 07:10

How to generate sitemap with react router

2 Answers2

Linked

Related