react-router-sitemap-generator

react-router-sitemap-generator

Generate sitemap.xml from react-router.

Get started

Install react-router-sitemap-generator

yarn add --dev react-router-sitemap-generator

Add babel

yarn add --dev @babel/node @babel/preset-env @babel/preset-react

Add preset to your babel config file .babelrc

{
  "presets": ["@babel/preset-env", "@babel/preset-react"]
}

Add a sitemap generator file

// sitemap.js

import Generator from 'react-router-sitemap-generator';
import Router from './component/Router'; //import your react router component

const generator = new Generator(
  'https://react-router-sitemap-generator.com',
  Router(),
  {
    lastmod: new Date().toISOString().slice(0, 10),
    changefreq: 'monthly',
    priority: 0.8,
  }
);
generator.save('public/sitemap.xml');

Run generator file

yarb run babel-node sitemap.js

Roadmap

• Support nested routes