next.config.js

module.exports = {
  // Prefer loading of ES Modules over CommonJS
  experimental: { esmExternals: true },
  // Support MDX files as pages:
  pageExtensions: ['md', 'mdx', 'tsx', 'ts', 'jsx', 'js'],
  // Support loading `.md`, `.mdx`:
  webpack(config, options) {
    config.module.rules.push({
      test: /\.mdx?$/,
      use: [
        // The default `babel-loader` used by Next:
        options.defaultLoaders.babel,
        {
          loader: '@mdx-js/loader',
          /** @type {import('@mdx-js/loader').Options} */
          options: {
            /* jsxImportSource: …, otherOptions… */
          }
        }
      ]
    });

    return config;
  },
  experimental: { images: { layoutRaw: true } },
  reactStrictMode: false,
  // Due to the way that GH pages works, we can't use Next.js optimized images.
  images: {
    loader: 'akamai',
    path: ''
  }
};