ok

next.config.ts

@@ -1,4 +1,5 @@
 import type { NextConfig } from "next";
+import createMDX from "@next/mdx";
 
 const nextConfig: NextConfig = {
     images: {
@@ -9,10 +10,13 @@ const nextConfig: NextConfig = {
             },
         ],
     },
+    pageExtensions: ["js", "jsx", "md", "mdx", "ts", "tsx"],
 };
 
 if (process.env.OUTPUT === "standalone") {
     nextConfig.output = "standalone";
 }
 
-export default nextConfig;
+const withMDX = createMDX();
+
+export default withMDX(nextConfig);