fix: update blog routing to use post IDs instead of slugs; simplify RSS feed generation

Author: nicholasdbrady

astro.config.mjs

@@ -1,12 +1,10 @@
 import { defineConfig } from 'astro/config';
 import mdx from '@astrojs/mdx';
-
 import sitemap from '@astrojs/sitemap';
 
 // https://astro.build/config
 export default defineConfig({
   site: 'https://nicholasdbrady.github.io',
   base: '/cookbook/',
-  trailingSlash: 'always',
   integrations: [mdx(), sitemap()]
 });

src/pages/blog/[...slug].astro

@@ -1,20 +1,21 @@
 ---
 import { type CollectionEntry, getCollection } from 'astro:content';
 import BlogPost from '../../layouts/BlogPost.astro';
+//import { render } from 'astro:content';
 
 export async function getStaticPaths() {
 	const posts = await getCollection('blog');
 	return posts.map((post) => ({
-		params: { slug: post.slug },
+		params: { slug: post.id },
 		props: post,
 	}));
 }
 type Props = CollectionEntry<'blog'>;
 
 const post = Astro.props;
-const { Content } = await post.render();
+const { Content } = await render(post);
 ---
 
 <BlogPost {...post.data}>
 	<Content />
-</BlogPost>
+</BlogPost>

src/pages/blog/index.astro

@@ -7,7 +7,7 @@ import { getCollection } from 'astro:content';
 import FormattedDate from '../../components/FormattedDate.astro';
 
 const posts = (await getCollection('blog')).sort(
-	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()
+	(a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf(),
 );
 ---
 
@@ -93,7 +93,7 @@ const posts = (await getCollection('blog')).sort(
 					{
 						posts.map((post) => (
 							<li>
-								<a href={`/cookbook/blog/${post.slug}/`}>
+								<a href={`/blog/${post.id}/`}>
 									<img width={720} height={360} src={post.data.heroImage} alt="" />
 									<h4 class="title">{post.data.title}</h4>
 									<p class="date">
@@ -108,4 +108,4 @@ const posts = (await getCollection('blog')).sort(
 		</main>
 		<Footer />
 	</body>
-</html>
+</html>

src/pages/rss.xml.js

@@ -1,41 +1,16 @@
-import rss, { pagesGlobToRssItems } from '@astrojs/rss';
+import rss from '@astrojs/rss';
+import { getCollection } from 'astro:content';
 import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
 
 export async function GET(context) {
-  // Ensure context.site is a string and remove any trailing slash.
-  const rawSite = typeof context.site === 'string' ? context.site : context.site.href;
-  const trimmedSite = rawSite.replace(/\/$/, '');
-  const basePath = '/cookbook/';
-  // Construct the full site URL: "https://nicholasdbrady.github.io/cookbook/"
-  const fullSiteUrl = trimmedSite + basePath;
-
-  // Use a glob pattern array to include only blog pages and exclude the dynamic route file.
-  let items = await pagesGlobToRssItems(
-    import.meta.glob([
-      './blog/*.{astro,md,mdx}',
-      '!./blog/[...slug].astro'
-    ])
-  );
-
-  // Post-process each item so that its link and guid are built correctly.
-  items = items.map(item => {
-    // Remove a leading slash from the item.link if present.
-    const relativePath = item.link.startsWith('/') ? item.link.substring(1) : item.link;
-    // Construct the fixed link using the fullSiteUrl as the base.
-    const fixedLink = new URL(relativePath, fullSiteUrl).href;
-    return {
-      ...item,
-      link: fixedLink,
-      guid: fixedLink,
-    };
-  });
-
-  return rss({
-    title: SITE_TITLE,
-    description: SITE_DESCRIPTION,
-    site: fullSiteUrl, // Ensures the channel <link> includes the "/cookbook/" base.
-    items,
-    trailingSlash: true, // Matches your astro.config.mjs trailingSlash: "always"
-    customData: `<language>en-us</language>`,
-  });
-}
+	const posts = await getCollection('blog');
+	return rss({
+		title: SITE_TITLE,
+		description: SITE_DESCRIPTION,
+		site: context.site,
+		items: posts.map((post) => ({
+			...post.data,
+			link: `/blog/${post.id}/`,
+		})),
+	});
+}