fix: contentlayer build

Author: OlivierCo

apps/www/app/blog/[slug]/page.tsx

@@ -101,6 +101,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
             </header>
 
             <div className="dark:prose-invert w-full prose-pre:overflow-x-auto ">
+              {/* @ts-ignore */}
               <MDXRenderer code={post.body.code} />
             </div>
 

apps/www/components/mdx-renderer.tsx

@@ -1,14 +1,21 @@
-"use client";
-
-import { useMDXComponent } from "next-contentlayer/hooks";
+import { MDXRemote } from "next-mdx-remote/rsc";
 import { MDXComponents } from "./mdx-components";
 
 interface MDXRendererProps {
-  code: string;
+  source: string;
 }
 
-export function MDXRenderer({ code }: MDXRendererProps) {
-  const MDXContent = useMDXComponent(code);
-
-  return <MDXContent components={MDXComponents as any} />;
+export function MDXRenderer({ source }: MDXRendererProps) {
+  return (
+    <MDXRemote
+      source={source}
+      components={MDXComponents as any}
+      options={{
+        mdxOptions: {
+          remarkPlugins: [],
+          rehypePlugins: [],
+        },
+      }}
+    />
+  );
 }

apps/www/package.json

@@ -21,6 +21,7 @@
     "lucide-react": "^0.525.0",
     "next": "^15.5.0",
     "next-contentlayer": "^0.3.4",
+    "next-mdx-remote": "^5.0.0",
     "next-themes": "^0.4.6",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",

package.json

@@ -19,7 +19,7 @@
     "turbo": "^2.5.6",
     "typescript": "5.8.3"
   },
-  "packageManager": "pnpm@10.4.1",
+  "packageManager": "pnpm@10.15.1",
   "engines": {
     "node": ">=20"
   }