Migrate app from Nextra to Fumadocs

.source/source.config.mjs

@@ -0,0 +1,16 @@
+// source.config.ts
+import { defineDocs, defineConfig } from "fumadocs-mdx/config";
+var { docs: docsCollection, meta: docsMeta } = defineDocs({
+  dir: "src/content/docs"
+});
+var { docs: blocksCollection, meta: blocksMeta } = defineDocs({
+  dir: "src/content/blocks"
+});
+var source_config_default = defineConfig();
+export {
+  blocksCollection,
+  blocksMeta,
+  source_config_default as default,
+  docsCollection,
+  docsMeta
+};

next.config.ts → next.config.mjs

@@ -1,11 +1,9 @@
-import nextra from 'nextra';
+import { createMDX } from 'fumadocs-mdx/next';
 
-const withNextra = nextra({
-  latex: true,
-  defaultShowCopyCode: true
-});
+const withMDX = createMDX();
 
-const nextConfig = withNextra({
+/** @type {import('next').NextConfig} */
+const nextConfig = {
   reactStrictMode: true,
 
   // Rewrites required for PostHog ingestion endpoints
@@ -26,9 +24,9 @@ const nextConfig = withNextra({
     ];
   },
 
-  webpack(config, { isServer }) {
+  webpack(config) {
     // Grab the existing rule that handles SVG imports
-    const fileLoaderRule = config.module.rules.find((rule: any) =>
+    const fileLoaderRule = config.module.rules.find((rule) =>
       rule.test?.test?.('.svg')
     );
 
@@ -53,6 +51,6 @@ const nextConfig = withNextra({
 
     return config;
   }
-});
+};
 
-export default nextConfig;
+export default withMDX(nextConfig);

package.json

@@ -28,13 +28,15 @@
     "@storybook/preview-api": "^8.6.14",
     "clsx": "^2.1.0",
     "date-fns": "^3.6.0",
+    "fumadocs-core": "^15.0.0",
+    "fumadocs-mdx": "^11.0.0",
+    "fumadocs-ui": "^15.0.0",
+    "lucide-react": "^0.468.0",
     "motion": "^12.5.0",
     "next": "^15.3.3",
-    "nextra": "^4.2.17",
     "posthog-js": "^1.256.2",
     "posthog-node": "^5.2.1",
     "reablocks": "9.3.0",
-    "reablocks-docs-theme": "^2.2.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.60.0",