use @next/mdx

next.config.mjs

@@ -0,0 +1,21 @@
+import { withAxiom } from 'next-axiom'
+import createMDX from '@next/mdx'
+ 
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  swcMinify: true,
+  // Configure `pageExtensions`` to include MDX files
+  pageExtensions: ['js', 'jsx', 'mdx', 'ts', 'tsx'],
+  // Optionally, add any other Next.js config below
+}
+ 
+const withMDX = createMDX({
+  // Add markdown plugins here, as desired
+  options: {
+    remarkPlugins: [],
+    rehypePlugins: [],
+  },
+})
+ 
+// Merge MDX config with Next.js config
+export default withMDX(nextConfig)