Add mdx

next.config.js

@@ -1,4 +1,14 @@
 /** @type {import('next').NextConfig} */
-module.exports = {
+
+const withMDX = require('@next/mdx')({
+  extension: /\.mdx?$/,
+  options: {
+    remarkPlugins: [],
+    rehypePlugins: [],
+  },
+});
+
+module.exports = withMDX({
   reactStrictMode: true,
-};
+  pageExtensions: ['js', 'jsx', 'md', 'mdx'],
+});

package.json

@@ -18,6 +18,8 @@
     "@emotion/react": "^11",
     "@emotion/styled": "^11",
     "@giscus/react": "^1.0.1",
+    "@mdx-js/loader": "^1.6.22",
+    "@next/mdx": "^12.0.7",
     "@reduxjs/toolkit": "^1.6.2",
     "ahooks": "^2.10.12",
     "algoliasearch": "^4.11.0",