Metadata

apps/docs/src/app/(docs)/[...slug]/page.tsx

@@ -9,6 +9,17 @@ type PageProps = {
     slug: string[]
   }
 }
+
+export const generateMetadata = ({ params }: PageProps) => {
+  const { slug } = params
+  const docs = getDocData(slug)
+
+  return {
+    title: docs?.title,
+    description: docs?.description
+  }
+}
+
 export async function generateStaticParams() {
   const slugs = getAllDocSlugs()
   return slugs

apps/docs/src/app/page.tsx

@@ -4,6 +4,12 @@ import Link from 'next/link'
 import Logo from '@/components/Logo'
 import SyntaxHighlighter from '@/components/SyntaxHighlighter'
 
+export const generateMetadata = () => {
+  return {
+    title: 'Actify — 🌻React Material Design 3 Components Library'
+  }
+}
+
 export default function Page() {
   return (
     <main className="col-start-1 col-end-3 bg-surface">

apps/docs/src/lib/doc.ts

@@ -33,6 +33,6 @@ export function getDocData(slugs: string[]) {
 
   return {
     content: matterResult.content,
-    ...(matterResult.data as { title: string })
+    ...(matterResult.data as { title: string; description?: string })
   }
 }