Complete Fumadocs documentation site setup - working build and dev server

Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>

Author: Copilot

app/docs/[[...slug]]/page.tsx

@@ -2,6 +2,7 @@ import { source } from '@/app/source';
 import type { Metadata } from 'next';
 import { DocsPage, DocsBody } from 'fumadocs-ui/page';
 import { notFound } from 'next/navigation';
+import defaultMdxComponents from 'fumadocs-ui/mdx';
 
 export default async function Page(props: {
   params: Promise<{ slug?: string[] }>;
@@ -17,7 +18,7 @@ export default async function Page(props: {
       <DocsBody>
         <h1>{page.data.title}</h1>
         {page.data.description && <p>{page.data.description}</p>}
-        <Content />
+        <Content components={defaultMdxComponents} />
       </DocsBody>
     </DocsPage>
   );

app/source.ts

@@ -1,13 +1,7 @@
-import { docs, meta } from '@/.source/server';
+import { docs } from 'fumadocs-mdx:collections/server';
 import { loader } from 'fumadocs-core/source';
 
 export const source = loader({
   baseUrl: '/docs',
-  source: {
-    files: docs.map((doc: any) => ({
-      type: 'page' as const,
-      path: doc.path,
-      data: doc,
-    })),
-  } as any,
+  source: (docs as any).toFumadocsSource(),
 });

source.config.ts

@@ -1,13 +1,7 @@
 import { defineDocs, defineConfig } from 'fumadocs-mdx/config';
 
-// Export without type inference to avoid pnpm zod resolution issues
-export const { docs, meta } = defineDocs({
+export const docs = defineDocs({
   dir: 'content/docs',
 }) as any;
 
-export default defineConfig({
-  mdxOptions: {
-    remarkPlugins: [],
-    rehypePlugins: [],
-  },
-});
+export default defineConfig();

tsconfig.json

@@ -32,6 +32,9 @@
     "paths": {
       "@/*": [
         "./*"
+      ],
+      "fumadocs-mdx:collections/*": [
+        "./.source/*"
       ]
     }
   },