[BLD-259] Playground, Portal: Add revalidation for API Reference page

Author: MananTank

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;

apps/portal/src/app/reference/page.tsx

@@ -2,20 +2,22 @@ import { createMetadata } from "@/components/Document";
 import { ScalarApiReference } from "./ScalarClient";
 
 export const metadata = createMetadata({
-  image: {
-    title: "API Reference",
-    icon: "thirdweb",
-  },
-  title: "thirdweb API Reference",
-  description: "Complete REST API reference for all thirdweb services",
+	image: {
+		title: "thirdweb API Reference",
+		icon: "thirdweb",
+	},
+	title: "thirdweb API Reference",
+	description: "A Unified interface for Web3 development",
 });
 
 export default async function ApiReferencePage() {
-  const responses = await fetch("https://api.thirdweb.com/openapi.json");
-  const spec = await responses.json();
-  return (
-    <div className="container max-sm:px-0">
-      <ScalarApiReference spec={spec} />
-    </div>
-  );
+	const responses = await fetch("https://api.thirdweb.com/openapi.json");
+	const spec = await responses.json();
+	return (
+		<div className="container max-sm:px-0">
+			<ScalarApiReference spec={spec} />
+		</div>
+	);
 }
+
+export const revalidate = 3600;