feat: Load in an RSS Feed #25

astro.config.mjs

@@ -6,4 +6,5 @@ import netlify from "@astrojs/netlify/functions";
 export default defineConfig({
   output: "server",
   adapter: netlify(),
+  site: "https://mixpod.app/",
 });

package.json

@@ -16,5 +16,8 @@
     "astro": "^3.4.3",
     "prettier": "^3.0.3",
     "prettier-plugin-astro": "^0.12.0"
+  },
+  "dependencies": {
+    "@astrojs/rss": "^4.0.1"
   }
 }

src/pages/[playListID].xml.js

@@ -0,0 +1,31 @@
+import rss from "@astrojs/rss";
+
+// fake a DB
+const DB = {
+  playlist1: {
+    title: "A fabulous MixPod for my friend",
+    description: "A humble MixPod",
+    episodes: [],
+  },
+};
+
+export function GET(context) {
+  // get the ID for the playlist
+  const playListID = "playlist1";
+
+  const playList = DB[playListID];
+  // get the ID for the playlist from the URL [playListID].xml.js
+
+  return rss({
+    // `<title>` field in output xml
+    title: playList.title,
+    // `<description>` field in output xml
+    description: playList.description,
+    site: context.site,
+    // Array of `<item>`s in output xml
+    // See "Generating items" section for examples using content collections and glob imports
+    items: playList.episodes,
+    // (optional) inject custom xml
+    customData: `<language>en-us</language>`,
+  });
+}

src/pages/your-mix.astro

@@ -0,0 +1,27 @@
+---
+const DB = { playlist1: { title: "A fabulous MixPod for my friend", items: [] }}
+
+const playListID = "slow-steady";
+// https://feeds.transistor.fm/slow-steady
+
+import rss from "@astrojs/rss";
+
+export function GET(context) {
+  return rss({
+    // `<title>` field in output xml
+    title: "A fabulous MixPod for my friend",
+    // `<description>` field in output xml
+    description: "A humble MixPod",
+    // Pull in your project "site" from the endpoint context
+    // https://docs.astro.build/en/reference/api-reference/#contextsite
+    site: context.site,
+    // Array of `<item>`s in output xml
+    // See "Generating items" section for examples using content collections and glob imports
+    items: [],
+    // (optional) inject custom xml
+    customData: `<language>en-us</language>`,
+  });
+}
+
+---
+