Add RSS feed to the website.

Author: HaudinFlorence

docusaurus.config.ts

@@ -20,7 +20,7 @@ const config: Config = {
   organizationName: "/HaudinFlorence/", // Usually your GitHub org/user name.
   projectName: "quantstack.github.io", // Usually your repo name.
 
-  onBrokenLinks: "throw",
+  onBrokenLinks: "warn",
   onBrokenMarkdownLinks: "warn",
   staticDirectories: ["static"],
 
@@ -52,6 +52,7 @@ const config: Config = {
         },
         theme: {
           customCss: "./src/css/custom.css",
+
         },
       } satisfies Preset.Options,
     ],
@@ -61,6 +62,17 @@ const config: Config = {
     // Replace with your project's social card
     //image: 'img/docusaurus-social-card.jpg',
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
+    headTags: [
+      {
+        tagName: 'link',
+        attributes: {
+          rel: 'alternate',
+          type: 'application/rss+xml',
+          title: 'RSS Feed',
+          href: '/rss.xml',
+        },
+      },
+    ],
     navbar: {
       title: "",
       logo: {
@@ -99,13 +111,22 @@ const config: Config = {
           label: "Blog",
           position: "left",
         },
+        {
+          href: 'rss.xml',
+          position: 'left',
+          target: '_blank',
+          rel: 'noopener noreferrer',
+          className: "rss-icon",
+        },
         {
           to: "/contact/",
           label: "CONTACT US",
           position: "right",
           className: "contact",
         },
 
+
+
         {
           to: "https://github.com/QuantStack",
           title: "GitHub",

package-lock.json

@@ -9,8 +9,8 @@
   },
   "scripts": {
     "docusaurus": "docusaurus",
-    "prestart": "node scripts/resize-images.js",
-    "prebuild": "node scripts/resize-images.js",
+    "prestart": "node scripts/resize-images.js && tsc src/components/blog/blogpostsDetails.ts && node scripts/generate-rss-feed.js",
+    "prebuild": "node scripts/resize-images.js && tsc src/components/blog/blogpostsDetails.ts && node scripts/generate-rss-feed.js",
     "start": "docusaurus start",
     "build": "docusaurus build",
     "swizzle": "docusaurus swizzle",
@@ -50,6 +50,7 @@
     "react-slick": "^0.30.2",
     "reactjs-popup": "^2.0.6",
     "request": "^2.88.2",
+    "rss": "^1.2.2",
     "sharp": "^0.34.2",
     "slick-carousel": "^1.8.1"
   },
@@ -58,7 +59,9 @@
     "@docusaurus/tsconfig": "3.8.1",
     "@docusaurus/types": "3.8.1",
     "@types/node": "^20.12.12",
-    "typescript": "~5.2.2"
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "typescript": "^5.8.3"
   },
   "browserslist": {
     "production": [
@@ -75,4 +78,4 @@
   "engines": {
     "node": "18.x"
   }
-}
+}

package.json

@@ -0,0 +1,63 @@
+const fs = require('fs');
+const RSS = require('rss');
+const { blogpostsDetails } = require('../src/components/blog/blogpostsDetails.js');
+const path = require('path');
+
+const outputDir = path.join(__dirname, '../static');
+if (!fs.existsSync(outputDir)) {
+    fs.mkdirSync(outputDir, { recursive: true });
+}
+
+const generateFeedFromBlogDetails = (feed, blogpostsDetails, nbOfBlogPosts) => {
+    let posts = [];
+    for (let i = 0; i < nbOfBlogPosts; i++) {
+        const post = blogpostsDetails[i];
+        posts.push({
+            title: post.title,
+            description: post.summary,
+            date: post.date,
+            authors: post.authors,
+            url: post.url,
+            image: post.image,
+           
+        })
+    };
+
+    posts.forEach((post) => {
+        feed.item({
+            title: post.title,
+            description: post.description,
+            url: post.url,
+            date: post.date,
+            author: post.authors,
+            enclosure: {
+                url: 'https://quantstack.net' + post.image,
+                type: 'image/png',
+                length: 0,
+            },
+        });
+    });
+    return feed;
+}
+
+let feedLast20 = new RSS({
+    title: 'Last 20 blog posts featured by QuantStack team',
+    description: 'RSS feed for QuantStack website blog page',
+    feed_url: 'https://quantstack.net/rss.xml',
+    site_url: 'https://quantstack.net',
+    language: 'en',
+});
+
+const updatedFeedLast20 = generateFeedFromBlogDetails(feedLast20, blogpostsDetails, 20);
+fs.writeFileSync(path.join(outputDir, 'rss.xml'), updatedFeedLast20.xml({ indent: true }));
+
+const feedAll = new RSS({
+    title: 'All blog posts featured by QuantStack team',
+    description: 'RSS feed for QuantStack website blog page',
+    feed_url: 'https://quantstack.net/rss_all.xml',
+    site_url: 'https://quantstack.net',
+    language: 'en',
+});
+
+const updatedFeedAll = generateFeedFromBlogDetails(feedAll, blogpostsDetails, blogpostsDetails.length)
+fs.writeFileSync(path.join(outputDir, 'rss_all.xml'), updatedFeedAll.xml({ indent: true }));