Merge pull request #37 from lightfastai/jeevanpillay/better-docs-seo

docs: Update package dependencies and enhance layout metadata

Author: jeevanpillay

docs/package.json

@@ -19,6 +19,7 @@
   "license": "ISC",
   "packageManager": "[email protected]",
   "dependencies": {
+    "@t3-oss/env-nextjs": "^0.13.4",
     "@tailwindcss/postcss": "^4.1.7",
     "@types/mdx": "^2.0.13",
     "autoprefixer": "10.4.21",
@@ -34,7 +35,8 @@
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "tailwind-merge": "^3.3.0",
-    "tailwindcss": "4.1.7"
+    "tailwindcss": "4.1.7",
+    "zod": "^3.24.1"
   },
   "devDependencies": {
     "@types/node": "22.15.21",

docs/pnpm-lock.yaml

@@ -1,14 +1,96 @@
 import { RootProvider } from "fumadocs-ui/provider";
 import "./globals.css";
-import type { Metadata } from "next";
+import type { Metadata, Viewport } from "next";
 import { ThemeProvider } from "next-themes";
 
 import { cn } from "../libs/utils";
 import { fonts } from "../libs/fonts";
+import { siteConfig } from "../libs/site-config";
 
 export const metadata: Metadata = {
-  title: "Lightfast MCP Documentation",
-  description: "Documentation for Lightfast MCP",
+  title: {
+    default: siteConfig.name,
+    template: `%s - ${siteConfig.name}`,
+  },
+  metadataBase: new URL(siteConfig.url),
+  description: siteConfig.description,
+  keywords: [
+    "Lightfast",
+    "MCP",
+    "Model Context Protocol",
+    "AI",
+    "Creative Applications",
+    "Blender",
+    "TouchDesigner",
+    "Unreal Engine",
+    "Adobe Creative Suite",
+    "Automation",
+    "3D Modeling",
+    "Animation",
+    "Creative Workflows",
+  ],
+  authors: [
+    {
+      name: siteConfig.name,
+      url: siteConfig.url,
+    },
+  ],
+  creator: siteConfig.name,
+  openGraph: {
+    type: "website",
+    locale: "en_US",
+    url: siteConfig.url,
+    title: siteConfig.name,
+    description: siteConfig.description,
+    siteName: siteConfig.name,
+    images: [
+      {
+        url: siteConfig.ogImage,
+        width: 1200,
+        height: 630,
+        alt: siteConfig.name,
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: siteConfig.name,
+    description: siteConfig.description,
+    images: [siteConfig.ogImage],
+    creator: "@lightfastai",
+  },
+  icons: {
+    icon: "/favicon.ico",
+    shortcut: "/favicon-16x16.png",
+    apple: "/apple-touch-icon.png",
+    other: [
+      {
+        rel: "icon",
+        url: "/favicon-32x32.png",
+      },
+      {
+        rel: "icon",
+        url: "/android-chrome-192x192.png",
+      },
+      {
+        rel: "icon",
+        url: "/android-chrome-512x512.png",
+      },
+    ],
+  },
+  applicationName: siteConfig.name,
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: "default",
+    title: siteConfig.name,
+  },
+  formatDetection: {
+    telephone: false,
+  },
+};
+
+export const viewport: Viewport = {
+  themeColor: "#121212",
 };
 
 interface RootLayoutProperties {