fix(docs): add SEO-optimized page titles

- Add generateMetadata function to generate page-specific titles
- Extract title from MDX metadata or generate from path
- Ensure title length follows SEO best practices (50-60 chars)
- Fix duplicate site name in title by using layout template
- Add OpenGraph metadata for better social sharing

Signed-off-by: ryjiang <jiangruiyi@gmail.com>

Author: shanghaikid

docs/app/[[...mdxPath]]/page.jsx

@@ -42,6 +42,84 @@ export async function generateStaticParams() {
   }));
 }
 
+export async function generateMetadata(props) {
+  const params = await props.params;
+  const mdxPath = params?.mdxPath || [];
+  const pathSegments = Array.isArray(mdxPath) ? mdxPath : [];
+
+  try {
+    const result = await importPage(pathSegments, '');
+    if (!result || !result.metadata) {
+      return {
+        title: 'Milvus Node.js SDK',
+        description: 'The official Milvus client for Node.js',
+      };
+    }
+
+    const { metadata } = result;
+    const siteName = 'Milvus Node.js SDK';
+    const templateSuffix = ' | Milvus Node.js SDK';
+    const maxTotalTitleLength = 60;
+    const maxPageTitleLength = maxTotalTitleLength - templateSuffix.length;
+    const maxDescriptionLength = 160;
+    
+    // Extract title from metadata (nextra extracts from first h1)
+    let pageTitle = metadata.title || '';
+    
+    // If no title, try to generate from path
+    if (!pageTitle && pathSegments.length > 0) {
+      const lastSegment = pathSegments[pathSegments.length - 1];
+      pageTitle = lastSegment
+        .split('-')
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(' ');
+    }
+    
+    // If still no title, use default
+    if (!pageTitle) {
+      pageTitle = 'Documentation';
+    }
+
+    // SEO best practices: total title should be 50-60 characters
+    // Layout already has template '%s | Milvus Node.js SDK', so we only return page title
+    // Truncate page title if needed to ensure total length stays within limit
+    if (pageTitle.length > maxPageTitleLength) {
+      pageTitle = pageTitle.substring(0, maxPageTitleLength - 3) + '...';
+    }
+
+    // Full title for OpenGraph (without template, we construct it manually)
+    const fullTitle = `${pageTitle}${templateSuffix}`;
+
+    // Extract description from metadata or use default
+    let description =
+      metadata.description ||
+      metadata.frontMatter?.description ||
+      'The official Milvus client for Node.js';
+    
+    // Truncate description if too long
+    if (description.length > maxDescriptionLength) {
+      description = description.substring(0, maxDescriptionLength - 3) + '...';
+    }
+
+    return {
+      title: pageTitle,
+      description,
+      openGraph: {
+        title: fullTitle,
+        description,
+        type: 'website',
+        siteName: siteName,
+      },
+    };
+  } catch (error) {
+    console.error('Error generating metadata:', error);
+    return {
+      title: 'Milvus Node.js SDK',
+      description: 'The official Milvus client for Node.js',
+    };
+  }
+}
+
 export default async function Page(props) {
   const params = await props.params;
   const mdxPath = params?.mdxPath || [];