Implement RSS

ensdomains · Mar 6, 2024 · e61a538 · e61a538
1 parent 6c5cbbe
commit e61a538
Show file tree

Hide file tree

Showing 4 changed files with 78 additions and 0 deletions.
diff --git a/blog/app/layout.tsx b/blog/app/layout.tsx
@@ -12,6 +12,13 @@ export const metadata = {
 export default function RootLayout({ children }: { children: ReactNode }) {
     return (
         <html lang="en">
+            <head>
+                <link
+                    rel="alternative"
+                    type="application/atom+xml"
+                    href="/rss.xml"
+                />
+            </head>
             <body>
                 <div className="">
                     <Navbar />

diff --git a/blog/app/rss.xml/route.ts b/blog/app/rss.xml/route.ts
@@ -0,0 +1,49 @@
+import { covers } from 'assets/assets';
+import { Feed } from 'feed';
+
+import { getPostsMetadata } from '@/lib/get_posts';
+export const GET = async (request: Request) => {
+    const feed = new Feed({
+        title: 'ENS Blog',
+        description: 'The official blog of the Ethereum Name Service',
+        link: 'https://blog.ens.domains',
+        language: 'en',
+        image: 'https://blog.ens.domains/opengraph.jpg',
+        generator: 'NextJS on Edgeserver',
+        feedLinks: {
+            atom: 'https://blog.ens.domains/rss.xml',
+        },
+        id: 'https://blog.ens.domains',
+        copyright: '© ENS Domains',
+    });
+
+    const posts = await getPostsMetadata();
+
+    for (const post of posts) {
+        const postCovers = covers[post.file as keyof typeof covers];
+        const postCoverThumb = await postCovers['cover-thumb'].then(
+            (cover) => cover.default
+        );
+
+        feed.addItem({
+            title: post.title,
+            guid: 'https://blog.ens.domains/post/' + post.slug,
+            link: 'https://blog.ens.domains/post/' + post.slug,
+            date: new Date(post.date),
+            description: post.description,
+            author: post.authors.map((author) => {
+                return {
+                    name: author,
+                    link: 'https://blog.ens.domains/author/' + author,
+                };
+            }),
+            image: postCoverThumb.src,
+        });
+    }
+
+    return new Response(feed.atom1(), {
+        headers: {
+            'Content-Type': 'application/atom+xml; charset=utf-8',
+        },
+    });
+};
diff --git a/blog/package.json b/blog/package.json
@@ -30,6 +30,7 @@
         "deepmerge-ts": "^5.1.0",
         "ens-tools": "0.0.15-1",
         "eslint-plugin-tailwindcss": "^3.13.0",
+        "feed": "^4.2.2",
         "framer-motion": "^10.16.0",
         "mdast-util-to-markdown": "^2.1.0",
         "mdast-util-to-string": "^4.0.0",

diff --git a/blog/pnpm-lock.yaml b/blog/pnpm-lock.yaml