add sitemap generation (#141)

frontend/package.json

@@ -12,6 +12,7 @@
     "@uiw/react-md-editor": "^3.18.1",
     "aos": "^2.3.4",
     "create-reactjs-component": "^1.0.7",
+    "express-sitemap-xml": "^3.0.1",
     "marked": "^4.1.1",
     "react": "^18.2.0",
     "react-detect-click-outside": "^1.1.7",
@@ -29,6 +30,7 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
+    "prestart": "node scripts/generate-sitemap.js",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {

frontend/public/sitemap.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>https://noteslify.stonecss.com/</loc>
+  </url>
+  <url>
+    <loc>https://noteslify.stonecss.com/login</loc>
+  </url>
+  <url>
+    <loc>https://noteslify.stonecss.com/signup</loc>
+  </url>
+  <url>
+    <loc>https://noteslify.stonecss.com/notes</loc>
+  </url>
+  <url>
+    <loc>https://noteslify.stonecss.com/contact</loc>
+  </url>
+  <url>
+    <loc>https://noteslify.stonecss.com/myaccount</loc>
+  </url>
+</urlset>

frontend/scripts/generate-sitemap.js

@@ -0,0 +1,17 @@
+const fs = require('fs');
+const { buildSitemaps } = require('express-sitemap-xml');
+const SITE_URL = 'https://noteslify.stonecss.com';
+// need to find a way to do it dynamically
+const routesData = ['/', '/login', '/signup', '/notes', '/contact', '/myaccount'];
+
+const getPages = () => {
+    return routesData;
+}
+
+(async () => {
+    const pages = getPages();
+    const sitemap = await buildSitemaps(pages, SITE_URL);
+
+    fs.writeFileSync('public/sitemap.xml', sitemap['/sitemap.xml']);
+})();
+