feat: upgrade dependencies and improve blog metadata handling

- Refactored metadata generation to use Next.js 13 metadata API instead of fumadocs helper
- Updated image generation route to use Next.js built-in ImageResponse
- Upgraded major dependencies:
  - Next.js from 15.5.6 to 16.0.0
  - fumadocs-core from 15.8.5 to 16.0.4
  - fumadocs-mdx from 12.0.3 to 13.0.2
  - fumadocs-ui from 15.8.5 to 16.0.4
- Updated imports to use new fumadocs provider path
- Simplified page image URL generation logic

Author: DarkPhoenix2704

app/blog/[slug]/page.tsx

@@ -1,7 +1,7 @@
 import {blogSource} from "@/lib/source";
 import Link from "next/link";
 import {notFound} from "next/navigation";
-import {metadataImage} from "@/lib/metadata";
+import {getPageImage} from "@/lib/metadata";
 import {calculateReadingTime} from "@/lib/timeToRead";
 import defaultMdxComponents from "fumadocs-ui/mdx";
 import CustomToc from "@/components/blog/CustomToc";
@@ -22,14 +22,26 @@ export async function generateMetadata(props: {
     const page = blogSource.getPage([params.slug]);
     if (!page) notFound();
 
+    const imageUrl = getPageImage(page).url;
 
-    return metadataImage.withImage(page.slugs, {
+    return {
         title: page.data.title,
         description: page.data.description,
+        openGraph: {
+            title: page.data.title,
+            description: page.data.description,
+            images: [imageUrl],
+        },
+        twitter: {
+            card: 'summary_large_image',
+            title: page.data.title,
+            description: page.data.description,
+            images: [imageUrl],
+        },
         icons: {
             icon: '/img/favicon.png',
         }
-    });
+    };
 }
 
 export default async function page(props: {

app/docs-og/[...slug]/route.tsx

@@ -1,14 +1,36 @@
-import {generateOGImage} from 'fumadocs-ui/og';
-import {metadataImage} from '@/lib/metadata';
+import { getPageImage, blogSource } from '@/lib/metadata';
+import { notFound } from 'next/navigation';
+import { ImageResponse } from 'next/og';
+import { generate as DefaultImage } from 'fumadocs-ui/og';
 
-export const GET = metadataImage.createAPI((page) => {
-    return generateOGImage({
-        title: page.data.title,
-        primaryColor: '#3366ff',
-        description: page.data.description,
-    });
-});
+export const revalidate = false;
+
+export async function GET(
+  _req: Request,
+  { params }: { params: Promise<{ slug: string[] }> }
+) {
+  const { slug } = await params;
+  const page = blogSource.getPage(slug.slice(0, -1));
+  
+  if (!page) notFound();
+
+  return new ImageResponse(
+    (
+      <DefaultImage
+        title={page.data.title}
+        description={page.data.description}
+        primaryColor="#3366ff"
+      />
+    ),
+    {
+      width: 1200,
+      height: 630,
+    }
+  );
+}
 
 export function generateStaticParams() {
-    return metadataImage.generateParams();
+  return blogSource.getPages().map((page) => ({
+    slug: getPageImage(page).segments,
+  }));
 }

app/layout.tsx

@@ -4,7 +4,7 @@ import type {ReactNode} from 'react';
 import ClientAnalytics from "@/components/Analytics";
 import NcSearchDialog from "@/components/layout/Search";
 import {CustomThemeProvider} from "@/app/ThemeProvider";
-import {RootProvider} from "fumadocs-ui/provider";
+import {RootProvider} from "fumadocs-ui/provider/next";
 import { Toaster } from "sonner";
 
 const inter = Inter({

lib/metadata.ts

@@ -1,7 +1,12 @@
-import { createMetadataImage } from 'fumadocs-core/server';
+import { type InferPageType } from 'fumadocs-core/source';
 import { blogSource } from './source';
 
-export const metadataImage = createMetadataImage({
-  imageRoute: '/docs-og',
-  source: blogSource,
-});
+export { blogSource };
+
+export function getPageImage(page: InferPageType<typeof blogSource>) {
+  const segments = [...page.slugs, 'image.png'];
+  return {
+    segments,
+    url: `/docs-og/${segments.join('/')}`,
+  };
+}

package.json

@@ -19,7 +19,7 @@
     "@ai-sdk/anthropic": "^2.0.35",
     "@ai-sdk/google": "^2.0.23",
     "@ai-sdk/openai": "^2.0.53",
-    "@ai-sdk/react": "^2.0.76",
+    "@ai-sdk/react": "^2.0.81",
     "@icons-pack/react-simple-icons": "^13.8.0",
     "@openrouter/ai-sdk-provider": "^1.2.0",
     "@radix-ui/react-collapsible": "^1.1.8",
@@ -33,15 +33,15 @@
     "ai": "^5.0.76",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "fumadocs-core": "15.8.5",
-    "fumadocs-mdx": "12.0.3",
-    "fumadocs-ui": "15.8.5",
+    "fumadocs-core": "16.0.4",
+    "fumadocs-mdx": "13.0.2",
+    "fumadocs-ui": "16.0.4",
     "hast": "^1.0.0",
     "hast-util-to-jsx-runtime": "^2.3.6",
     "jsdom": "^27.0.1",
     "lucide-react": "^0.548.0",
     "nc-analytics": "^0.0.9",
-    "next": "15.5.6",
+    "next": "16.0.0",
     "next-recaptcha-v3": "^1.5.2",
     "next-sitemap": "^4.2.3",
     "next-themes": "^0.4.6",
@@ -73,7 +73,7 @@
     "@types/react-dom": "^19.2.2",
     "dotenv": "^17.0.0",
     "eslint": "^8",
-    "eslint-config-next": "15.5.6",
+    "eslint-config-next": "16.0.0",
     "postcss": "^8.5.6",
     "tailwindcss": "^4.1.15",
     "tsx": "^4.20.6",