feat: Add RSS support with new rss.xml page and link in footer

Author: IvanM9

package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@astrojs/alpinejs": "^0.4.0",
+    "@astrojs/rss": "^4.0.10",
     "@astrojs/sitemap": "^3.2.1",
     "@astrojs/tailwind": "^5.1.3",
     "@types/alpinejs": "^3.13.11",

pnpm-lock.yaml

@@ -1,16 +1,15 @@
 [
     {
+      "id": "git-github-workshop",
       "title": "Git & GitHub",
       "description": "Hands-on Workshop para iniciantes.",
-      "links": [
-        "https://ecuadorintech.org"
-      ],
+      "link": "https://ecuadorintech.org/events",
       "date": "2024-12-4",
       "place": "Online",
       "modality": "Virtual",
       "hostedBy": "Ecuador In Tech",
       "image": "/github-workshop.jpg",
       "attendees": 31
     }
-  ]
+]
 

public/rss/styles.xsl

@@ -14,6 +14,7 @@
             <li><a href="/" class="text-gray-300 hover:text-white">Inicio</a></li>
             <li><a href="/communities" class="text-gray-300 hover:text-white">Comunidades</a></li>
             <li><a href="/events" class="text-gray-300 hover:text-white">Eventos</a></li>
+            <li><a href="/rss.xml" class="text-gray-300 hover:text-white"> Suscríbete a nuestro canal RSS</a></li>
           </ul>
         </div>
         <div>

src/assets/events.json

@@ -17,6 +17,12 @@ const { title } = Astro.props;
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/svg+xml" href="/favicon.png" />
     <link rel="sitemap" href="/sitemap-index.xml" />
+    <link
+    rel="alternate"
+    type="application/rss+xml"
+    title="RSS Feed for Ecuador In Tech"
+    href={new URL("rss.xml", Astro.site)}
+    />
     <meta name="generator" content={Astro.generator} />
     <title>{title}</title>
 

src/components/Footer.astro

@@ -0,0 +1,30 @@
+import rss from '@astrojs/rss';
+import fs from 'fs';
+import path from 'path';
+
+export async function GET(context) {
+    const filePath = path.join(process.cwd(), 'src/assets/events.json');
+    const fileContents = fs.readFileSync(filePath, 'utf-8');
+    const events = JSON.parse(fileContents);
+
+  return rss({
+    title: 'Eventos de Ecuador In Tech',
+    description: 'Una lista de eventos organizados por Ecuador In Tech.',
+    site: context.site,
+    stylesheet: '/rss/styles.xsl',
+    items: events.map((event) => ({
+        title: event.title,
+        description: event.description,
+        link: event.link,
+        date: event.date,
+        place: event.place,
+        modality: event.modality,
+        hostedBy: event.hostedBy,
+        customData: `
+        <date>${event.date}</date>
+        <place>${event.place}</place>
+        <hostedBy>${event.hostedBy}</hostedBy>
+        `
+    })),
+  });
+}