fix: add sitemap

Author: OlivierCo

apps/www/app/docs/@details/[name]/page.tsx

@@ -3,26 +3,8 @@ import path from "path";
 import Link from "next/link";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { oneDark } from "react-syntax-highlighter/dist/esm/styles/prism";
+import { getHooks } from "@/lib/get-hooks";
 
-// Define the hook metadata type
-type HookMeta = {
-  name: string;
-  description: string;
-  category: string;
-  examples?: Array<{ name: string; description: string }>;
-};
-
-// Function to get all hooks metadata
-async function getHooks(): Promise<HookMeta[]> {
-  const hooksPath = path.join(
-    process.cwd(),
-    "../../packages/hooks/src/index.json"
-  );
-  const data = await fs.readFile(hooksPath, "utf8");
-  return JSON.parse(data);
-}
-
-// Function to get a specific hook's source code
 async function getHookSource(name: string): Promise<string> {
   const hookPath = path.join(
     process.cwd(),
@@ -36,9 +18,31 @@ async function getHookSource(name: string): Promise<string> {
   }
 }
 
-// Generate static params for all hooks
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ name: string }>;
+}) {
+  const { name } = await params;
+  const hooks = await getHooks();
+  const hook = hooks.find((h) => h.name === name);
+
+  if (!hook) {
+    return {
+      title: "Hook not found",
+      description: "The requested hook could not be found",
+    };
+  }
+
+  return {
+    title: hook.name,
+    description: hook.description,
+  };
+}
+
 export async function generateStaticParams() {
   const hooks = await getHooks();
+
   return hooks.map((hook) => ({
     name: hook.name,
   }));

apps/www/app/sitemap.ts

@@ -0,0 +1,30 @@
+import type { MetadataRoute } from "next";
+import { getHooks } from "@/lib/get-hooks";
+
+export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
+  const hooks = await getHooks();
+
+  const staticPages: MetadataRoute.Sitemap = [
+    {
+      url: "https://usehooks.io",
+      lastModified: new Date(),
+      changeFrequency: "yearly",
+      priority: 1,
+    },
+    {
+      url: "https://usehooks.io/docs",
+      lastModified: new Date(),
+      changeFrequency: "monthly",
+      priority: 0.8,
+    },
+  ];
+
+  const hookPages: MetadataRoute.Sitemap = hooks.map((hook) => ({
+    url: `https://usehooks.io/docs/${hook.name}`,
+    lastModified: new Date(),
+    changeFrequency: "weekly",
+    priority: 0.6,
+  }));
+
+  return [...staticPages, ...hookPages];
+}

apps/www/lib/get-hooks.ts

@@ -4,6 +4,7 @@ export type HookMeta = {
   name: string;
   description: string;
   category: string;
+  examples: [{ name: string; description: string }];
 };
 
 const hooksUrl =