Merge pull request #15 from Ecuador-In-Tech/13-rss-+-seo-+-sitemap-integration-implementation

bjgavilanes · web-flow · commit f6b4e1cf2a5f · 2024-12-09T09:53:11.000-03:00
rss + seo + sitemap integration implementation
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -5,8 +5,10 @@ import tailwind from '@astrojs/tailwind';
 
 import alpinejs from '@astrojs/alpinejs';
 
+import sitemap from '@astrojs/sitemap';
+
 // https://astro.build/config
 export default defineConfig({
   site: "https://ecuadorintech.org",
-  integrations: [tailwind(), alpinejs()]
+  integrations: [tailwind(), alpinejs(), sitemap()]
 });
diff --git a/package.json b/package.json
@@ -10,6 +10,8 @@
   },
   "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",
     "alpinejs": "^3.14.6",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://ecuadorintech.org/sitemap-index.xml
diff --git a/public/rss/styles.xsl b/public/rss/styles.xsl
diff --git a/src/assets/events.json b/src/assets/events.json
@@ -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
     }
-  ]
+]
   
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -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>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -10,12 +10,19 @@ const { title } = Astro.props;
 ---
 
 <!doctype html>
-<html lang="en">
+<html lang="es">
   <head>
     <meta charset="UTF-8" />
     <meta name="description" content="Ecuador In Tech" />
     <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>
 
diff --git a/src/pages/rss.xml.js b/src/pages/rss.xml.js
@@ -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>
+        `
+    })),
+  });
+}

Original file line number	Diff line number	Diff line change
`@@ -1,16 +1,15 @@`
`1`	`1`	`[`
`2`	`2`	`{`
	`3`	`+ "id": "git-github-workshop",`
`3`	`4`	`"title": "Git & GitHub",`
`4`	`5`	`"description": "Hands-on Workshop para iniciantes.",`
`5`		`- "links": [`
`6`		`- "https://ecuadorintech.org"`
`7`		`- ],`
	`6`	`+ "link": "https://ecuadorintech.org/events",`
`8`	`7`	`"date": "2024-12-4",`
`9`	`8`	`"place": "Online",`
`10`	`9`	`"modality": "Virtual",`
`11`	`10`	`"hostedBy": "Ecuador In Tech",`
`12`	`11`	`"image": "/github-workshop.jpg",`
`13`	`12`	`"attendees": 31`
`14`	`13`	`}`
`15`		`- ]`
	`14`	`+]`
`16`	`15`