fix(build): Automate sitemap generation in CI for static export

Author: ChernegaSergiy

.github/workflows/deploy.yml

@@ -42,6 +42,8 @@ jobs:
           cache: 'npm'
       - name: Install dependencies
         run: npm install
+      - name: Generate Sitemap
+        run: npm run generate-sitemap
       - name: Build
         run: npm run build
       - name: Setup Pages

.gitignore

@@ -1,4 +1,12 @@
-node_modules/
-out/
-.next/
+# Dependencies
+/node_modules
+
+# Build and Output directories
+/out
+/.next
+
+# Configuration and environment files
 .env
+
+# Generated files
+/public/sitemap.xml

package.json

@@ -7,7 +7,8 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "generate-sitemap": "node scripts/generate-sitemap.js"
   },
   "author": "Serhii Cherneha",
   "license": "SEE LICENSE",

pages/sitemap.xml.js renamed to scripts/generate-sitemap.js

@@ -1,7 +1,9 @@
-import { availableLanguages } from '../lib/translations';
+const fs = require('fs');
+const path = require('path');
+
+const { availableLanguages } = require('../lib/translations');
 
 const BASE_URL = 'https://radix.pp.ua';
-const languages = availableLanguages;
 
 function generateSitemap() {
   let xml = `<?xml version="1.0" encoding="UTF-8"?>`;
@@ -10,12 +12,11 @@ function generateSitemap() {
   xml += `<url>`;
   xml += `<loc>${BASE_URL}</loc>`;
 
-  for (const lang of languages) {
+  for (const lang of availableLanguages) {
     xml += `<xhtml:link rel="alternate" hreflang="${lang}" href="${BASE_URL}" />`;
   }
 
   xml += `<xhtml:link rel="alternate" hreflang="x-default" href="${BASE_URL}" />`;
-
   xml += `<lastmod>${new Date().toISOString().split('T')[0]}</lastmod>`;
   xml += `<changefreq>monthly</changefreq>`;
   xml += `<priority>1.0</priority>`;
@@ -25,18 +26,11 @@ function generateSitemap() {
   return xml;
 }
 
-const Sitemap = () => {};
-
-export const getServerSideProps = ({ res }) => {
+function main() {
   const sitemap = generateSitemap();
+  const sitemapPath = path.join(__dirname, '../public', 'sitemap.xml');
+  fs.writeFileSync(sitemapPath, sitemap);
+  console.log(`Sitemap generated at ${sitemapPath}`);
+}
 
-  res.setHeader('Content-Type', 'application/xml');
-  res.write(sitemap);
-  res.end();
-
-  return {
-    props: {},
-  };
-};
-
-export default Sitemap;
+main();