If anyone know please help?

dazzylazy

Junior Member
Joined
Nov 30, 2023
Messages
150
Reaction score
62
Hi,

Anyone know like how to create sitemap in react.js website? and how to submit it?

Looking for manually as well as auto generated with the help of tool.
 
Install react-router-sitemap to generate the sitemap based on your React Router routes.
Create a script to generate the sitemap and store it in the public folder.

Code:
npm install react-router-sitemap --save-dev

Code:
// generate-sitemap.js
const Sitemap = require('react-router-sitemap').default;
const router = require('./src/routes').default; // Update this to your routes file

function generateSitemap() {
    return (
        new Sitemap(router)
            .build('https://yourdomain.com') // Update with your site's URL
            .save('./public/sitemap.xml') // Save the sitemap to the public folder
    );
}

generateSitemap();

Code:
// src/routes.js
import React from 'react';
import { BrowserRouter as Router, Route } from 'react-router-dom';
import Home from './pages/Home';
import About from './pages/About';

export default (
    <Router>
        <Route exact path="/" component={Home} />
        <Route exact path="/about" component={About} />
    </Router>
);

Code:
node generate-sitemap.js
 
Back
Top