Implement an RSS feed (at rss.xml). (#66)

Co-authored-by: Luc van Kampen <[email protected]>
Co-authored-by: Jakob Helgesson <[email protected]>

blog/app/layout.tsx

@@ -1,12 +1,18 @@
 import './globals.css';
 
+import { Metadata } from 'next';
 import { ReactNode } from 'react';
 
 import { Navbar } from '@/components/navbar/Navbar';
 
-export const metadata = {
+export const metadata: Metadata = {
     title: 'ENS Blog',
     description: 'The official blog of the Ethereum Name Service',
+    alternates: {
+        types: {
+            'application/atom+xml': '/rss.xml',
+        },
+    },
 };
 
 export default function RootLayout({ children }: { children: ReactNode }) {

blog/app/rss.xml/route.ts

@@ -0,0 +1,50 @@
+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',
+        },
+    });
+};

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",