page titles

src/app/docs/[...slug]/page.tsx

@@ -1,12 +1,33 @@
 import { DocsLayout } from "@/components/DocsLayout";
 import { getAllContent, getContentBySlug } from "@/lib/content";
 import { compileMdx } from "@/lib/markdown/mdx";
+import { Metadata } from "next";
 import { notFound } from "next/navigation";
 
 interface ArticleFrontMatter {
   title: string;
 }
 
+export async function generateMetadata({
+  params,
+}: {
+  params: { slug: string[] };
+}): Promise<Metadata> {
+  const result = await getContentBySlug<ArticleFrontMatter>({
+    dir: "docs",
+    baseUrlPath: "/docs",
+    slug: params.slug,
+  });
+  if (!result) {
+    return {};
+  }
+
+  const { data } = result;
+  return {
+    title: data.title,
+  };
+}
+
 export default async function Page({ params }: { params: { slug: string[] } }) {
   const result = await getContentBySlug<ArticleFrontMatter>({
     dir: "docs",

src/app/docs/articles/node-modules/page.tsx

@@ -1,9 +1,14 @@
 import { DocsLayout } from "@/components/DocsLayout";
 import { Bundle } from "@/lib/interfaces";
 import { readFile } from "fs/promises";
+import { Metadata } from "next";
 import Link from "next/link";
 import { join } from "path";
 
+export const metadata: Metadata = {
+  title: "Node Modules",
+};
+
 export default async function Page() {
   const data = (
     (await readFile(join(process.cwd(), "./bundles.json"), "utf-8").then(

src/app/docs/policies/page.tsx

@@ -1,7 +1,12 @@
+import { Metadata } from "next";
 import Link from "next/link";
 import { DocsHeader } from "../../../components/DocsHeader";
 import { getAllPolicies } from "../../../lib/policies";
 
+export const metadata: Metadata = {
+  title: "Policies",
+};
+
 export default async function Page() {
   const policies = await getAllPolicies();
 

src/app/layout.tsx

@@ -9,11 +9,9 @@ import { beVietnamProFont } from "../lib/fonts";
 
 export const metadata: Metadata = {
   title: {
-    template: "%s - Docs",
-    default: "CacheAdvance - Never miss the cache again.",
+    template: "%s - Zuplo Docs",
+    default: "Zuplo",
   },
-  description:
-    "Cache every single thing your app could ever do ahead of time, so your code never even has to run at all.",
 };
 
 export default function RootLayout({