feat(blog): add optional keywords field to blog post schema and enhance metadata generation

Author: LuggaPugga

source.config.ts

@@ -26,6 +26,7 @@ export const blogPosts = defineCollections({
   schema: frontmatterSchema.extend({
     author: z.string(),
     category: z.enum(["devlog", "updates", "other"]),
+    keywords: z.string().array().optional(),
   }),
 })
 

src/app/(home)/blog/[slug]/page.tsx

@@ -2,9 +2,24 @@ import { lastEdit } from "@/lib/api"
 import { blog } from "@/lib/source"
 import { getMDXComponents } from "@/mdx-components"
 import { PathUtils } from "fumadocs-core/source"
+import type { Metadata, ResolvingMetadata } from "next"
 import Link from "next/link"
 import { notFound } from "next/navigation"
 
+export async function generateMetadata(
+  { params }: PageProps<"/blog/[slug]">,
+  parent: ResolvingMetadata,
+): Promise<Metadata> {
+  const { slug } = await params
+  const page = blog.getPage([slug])
+
+  return {
+    title: page?.data.title,
+    description: page?.data.description,
+    keywords: page?.data.keywords,
+  }
+}
+
 export default async function Page(props: PageProps<"/blog/[slug]">) {
   const params = await props.params
   const page = blog.getPage([params.slug])

src/lib/rss.ts

@@ -26,7 +26,7 @@ export async function getRSS() {
       date: await lastEdit(page),
       author: [
         {
-          name: page.data.author
+          name: page.data.author,
         },
       ],
     })