feat: rss feed (#25)

* feat: setup rss feed * chore: align route file naming pattern * feat: add robots.txt
edmundhung · Nov 21, 2022 · e4d5fe8 · e4d5fe8
1 parent a5e6fca
commit e4d5fe8
Show file tree

Hide file tree

Showing 3 changed files with 75 additions and 18 deletions.
diff --git a/app/routes/[rss.xml].tsx b/app/routes/[rss.xml].tsx
@@ -0,0 +1,59 @@
+import type { LoaderArgs } from '@remix-run/cloudflare';
+import { search } from '~/resources';
+
+interface FeedEntry {
+	title: string;
+	description: string | null | undefined;
+	pubDate: string;
+	guid: string;
+}
+
+export async function loader({ context }: LoaderArgs) {
+	const domain = 'https://remix.guide';
+	const resources = await context.resourceStore.list();
+	const list = search(resources, {
+		limit: 25,
+		sort: 'new',
+	});
+
+	const entries = list.entries.map<FeedEntry>((resource) => ({
+		title: resource.title ?? '',
+		description: resource.description,
+		pubDate: new Date(resource.createdAt).toUTCString(),
+		guid: `${domain}/resources/${resource.id}`,
+	}));
+
+	const rss = `
+        <?xml version="1.0" encoding="utf-8"?>
+        <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+            <channel>
+                <title>Remix Guide</title>
+                <description>A platform for the Remix community</description>
+                <link>https://remix.guide</link>
+                <language>en-us</language>
+				<generator>remix-guide</generator>
+                <ttl>60</ttl>
+                <atom:link href="https://remix.guide/rss.xml" rel="self" type="application/rss+xml" />
+                ${entries
+									.map((entry) =>
+										`
+					<item>
+						<title><![CDATA[${entry.title}]]></title>
+						<description><![CDATA[${entry.description}]]></description>
+						<pubDate>${entry.pubDate}</pubDate>
+						<guid>${entry.guid}</guid>
+					</item>
+				`.trim(),
+									)
+									.join('\n')}
+            </channel>
+        </rss>
+    `.trim();
+
+	return new Response(rss, {
+		headers: {
+			'Content-Type': 'application/xml',
+			'Content-Length': String(new TextEncoder().encode(rss).length),
+		},
+	});
+}
diff --git a/app/routes/sitemap[.]xml.tsx → app/routes/[sitemap.xml].tsx b/app/routes/sitemap[.]xml.tsx → app/routes/[sitemap.xml].tsx
@@ -15,23 +15,6 @@ interface SitemapEntry {
 }
 
 export async function loader({ context }: LoaderArgs) {
-	function formatEntry(entry: SitemapEntry) {
-		return `
-            <url>
-                <loc>${entry.loc}</loc>
-                ${entry.lastmod ? `<lastmod>${entry.lastmod}</lastmod>` : ''}
-                ${
-									entry.changefreq
-										? `<changefreq>${entry.changefreq}</changefreq>`
-										: ''
-								}
-                ${
-									entry.priority ? `<priority>${entry.priority}</priority>` : ''
-								}
-            </url>
-        `.trim();
-	}
-
 	const guide = await context.resourceStore.getData();
 	const domain = 'https://remix.guide';
 	const entries: SitemapEntry[] = [
@@ -58,7 +41,18 @@ export async function loader({ context }: LoaderArgs) {
 	const sitemap = `
         <?xml version="1.0" encoding="UTF-8"?>
         <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-            ${entries.map(formatEntry)}
+            ${entries
+							.map((entry) =>
+								`
+				<url>
+					<loc>${entry.loc}</loc>
+					${entry.lastmod ? `<lastmod>${entry.lastmod}</lastmod>` : ''}
+					${entry.changefreq ? `<changefreq>${entry.changefreq}</changefreq>` : ''}
+					${entry.priority ? `<priority>${entry.priority}</priority>` : ''}
+				</url>
+			`.trim(),
+							)
+							.join('\n')}
         </urlset>
     `.trim();
 

diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://remix.guide/sitemap.xml