feat: rehype-pretty-code plugin

Author: kickbelldev

next.config.ts

@@ -1,5 +1,6 @@
 import createMDX from '@next/mdx'
 import type { NextConfig } from 'next'
+import rehypePrettyCode, { type Options } from 'rehype-pretty-code'
 
 const nextConfig: NextConfig = {
   pageExtensions: [
@@ -15,6 +16,16 @@ const nextConfig: NextConfig = {
 
 const withMDX = createMDX({
   extension: /\.(md|mdx)$/,
+  options: {
+    rehypePlugins: [
+      [
+        rehypePrettyCode,
+        {
+          theme: 'one-dark-pro',
+        } as Options,
+      ],
+    ],
+  },
 })
 
 export default withMDX(nextConfig)

package.json

@@ -20,6 +20,7 @@
     "next": "15.3.5",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "rehype-pretty-code": "^0.14.1",
     "tailwind-merge": "^3.3.1"
   },
   "devDependencies": {