feat: create separated rss feeds

src/pages/posts.xml.ts

@@ -0,0 +1,23 @@
+import rss from "@astrojs/rss";
+import { SITE } from "@consts";
+import { getCollection } from "astro:content";
+
+export async function GET(context: { site: string }) {
+  const posts = (await getCollection("posts"))
+    .filter((post) => !post.data.draft)
+    .sort(
+      (a, b) =>
+        new Date(b.data.date).valueOf() - new Date(a.data.date).valueOf(),
+    );
+  return rss({
+    title: `${SITE.TITLE} Posts`,
+    description: SITE.DESCRIPTION,
+    site: context.site,
+    items: posts.map((item) => ({
+      title: item.data.title,
+      description: item.data.description,
+      pubDate: item.data.date,
+      link: `/${item.collection}/${item.slug}/`,
+    })),
+  });
+}

src/pages/posts/index.astro

@@ -3,6 +3,7 @@ import { getCollection } from "astro:content";
 import { SITE, POSTS } from "@consts";
 import ShowcasePost from "@components/ShowcasePost.astro";
 import Layout from "@layouts/Layout.astro";
+import Link from "@components/Link.astro";
 
 const posts = (await getCollection("posts"))
   .filter((post) => !post.data.draft)
@@ -22,4 +23,11 @@ const posts = (await getCollection("posts"))
       posts.map((article: any) => <ShowcasePost collection={article} />)
     }
   </ol>
+  <div class="flex justify-end">
+    <Link
+      href="/posts.xml"
+      class="text-tertiary hover:text-secondary text-xs transition-colors duration-300"
+      >View posts feed</Link
+    >
+  </div>
 </Layout>

src/pages/projects.xml.ts

@@ -0,0 +1,23 @@
+import rss from "@astrojs/rss";
+import { SITE } from "@consts";
+import { getCollection } from "astro:content";
+
+export async function GET(context: { site: string }) {
+  const projects = (await getCollection("projects"))
+    .filter((project) => !project.data.draft)
+    .sort(
+      (a, b) =>
+        new Date(b.data.date).valueOf() - new Date(a.data.date).valueOf(),
+    );
+  return rss({
+    title: `${SITE.TITLE} Projects`,
+    description: SITE.DESCRIPTION,
+    site: context.site,
+    items: projects.map((item) => ({
+      title: item.data.title,
+      description: item.data.description,
+      pubDate: item.data.date,
+      link: `/${item.collection}/${item.slug}/`,
+    })),
+  });
+}

src/pages/projects/index.astro

@@ -3,6 +3,7 @@ import { getCollection } from "astro:content";
 import { PROJECTS, SITE } from "@consts";
 import Layout from "@layouts/Layout.astro";
 import ShowcaseProject from "@components/ShowcaseProject.astro";
+import Link from "@components/Link.astro";
 
 const projects = (await getCollection("projects"))
   .filter((project) => !project.data.draft)
@@ -18,4 +19,11 @@ const projects = (await getCollection("projects"))
   >
     {projects.map((article: any) => <ShowcaseProject collection={article} />)}
   </ol>
+  <div class="flex justify-end">
+    <Link
+      href="/projects.xml"
+      class="text-tertiary hover:text-secondary text-xs transition-colors duration-300"
+      >View projects feed</Link
+    >
+  </div>
 </Layout>