diff --git a/apps/playground-web/src/app/reference/page.tsx b/apps/playground-web/src/app/reference/page.tsx
index cffc2f1ab3f..5e19911c4c9 100644
--- a/apps/playground-web/src/app/reference/page.tsx
+++ b/apps/playground-web/src/app/reference/page.tsx
@@ -1,7 +1,15 @@
-import { ScalarApiReference } from "../../components/blocks/scalar-api/ScalarClient";
+import { ScalarApiReference } from "@/components/blocks/scalar-api/ScalarClient";
+import { createMetadata } from "@/lib/metadata";
 
 export default async function ReferencePage() {
   const responses = await fetch("https://api.thirdweb.com/openapi.json");
   const spec = await responses.json();
   return <ScalarApiReference spec={spec} />;
 }
+
+export const metadata = createMetadata({
+  title: "thirdwebAPI Reference",
+  description: "A Unified interface for Web3 development",
+});
+
+export const revalidate = 3600;
diff --git a/apps/portal/src/app/reference/page.tsx b/apps/portal/src/app/reference/page.tsx
index 97553593f83..6c10be22373 100644
--- a/apps/portal/src/app/reference/page.tsx
+++ b/apps/portal/src/app/reference/page.tsx
@@ -3,11 +3,11 @@ import { ScalarApiReference } from "./ScalarClient";
 
 export const metadata = createMetadata({
   image: {
-    title: "API Reference",
+    title: "thirdweb API Reference",
     icon: "thirdweb",
   },
   title: "thirdweb API Reference",
-  description: "Complete REST API reference for all thirdweb services",
+  description: "A Unified interface for Web3 development",
 });
 
 export default async function ApiReferencePage() {
@@ -19,3 +19,5 @@ export default async function ApiReferencePage() {
     </div>
   );
 }
+
+export const revalidate = 3600;