upgrade nextjs, preact, mdx-bundler, esbuild

Author: timlrx

.eslintrc.js

@@ -6,24 +6,10 @@ module.exports = {
     node: true,
     es6: true,
   },
-  extends: [
-    'eslint:recommended',
-    'plugin:jsx-a11y/recommended',
-    'plugin:prettier/recommended',
-    'next',
-    'next/core-web-vitals',
-  ],
+  extends: ['eslint:recommended', 'plugin:prettier/recommended', 'next', 'next/core-web-vitals'],
   rules: {
     'prettier/prettier': 'error',
     'react/react-in-jsx-scope': 'off',
-    'jsx-a11y/anchor-is-valid': [
-      'error',
-      {
-        components: ['Link'],
-        specialLink: ['hrefLeft', 'hrefRight'],
-        aspects: ['invalidHref', 'preferButton'],
-      },
-    ],
     'react/prop-types': 0,
     'no-unused-vars': 0,
     'react/no-unescaped-entities': 0,

data/blog/github-markdown-guide.mdx

@@ -153,6 +153,18 @@ function fancyAlert(arg) {
 }
 ```
 
+## Footnotes
+
+```
+Here is a simple footnote[^1]. With some additional text after it.
+
+[^1]: My reference.
+```
+
+Here is a simple footnote[^1]. With some additional text after it.
+
+[^1]: My reference.
+
 ## Task Lists
 
 ```

lib/mdx.js

@@ -56,7 +56,8 @@ export async function getFileBySlug(type, slug) {
 
   // Parsing frontmatter here to pass it in as options to rehype plugin
   const { data: frontmatter } = matter(source)
-  const { code } = await bundleMDX(source, {
+  const { code } = await bundleMDX({
+    source,
     // mdx imports can be automatically source from the components directory
     cwd: path.join(root, 'components'),
     xdmOptions(options) {

next.config.js

@@ -30,6 +30,7 @@ module.exports = withBundleAnalyzer({
     if (!dev && !isServer) {
       // Replace React with Preact only in client production build
       Object.assign(config.resolve.alias, {
+        'react/jsx-runtime.js': 'preact/compat/jsx-runtime',
         react: 'preact/compat',
         'react-dom/test-utils': 'preact/test-utils',
         'react-dom': 'preact/compat',