next.config.mjs

import remarkFrontmatter from 'remark-frontmatter'
import remarkMdxFrontmatter from 'remark-mdx-frontmatter'
import nextMdx from '@next/mdx'
import webpackMod from "webpack"

// For setting up on Github Pages
// https://github.com/gregrickaby/nextjs-github-pages

const isProd = process.env.NODE_ENV === 'production'

/** @type {import('next').NextConfig} */
const nextConfig = {
  // Configure pageExtensions to include md and mdx
  pageExtensions: ['ts', 'tsx', 'js', 'jsx', 'md', 'mdx'],
  reactStrictMode: true,

  // Experimental mdxRs needs to be OFF to work with remarkFrontmatter
  // plugin to be able to strip the Frontmatter.
  experimental: {
    mdxRs: false,
  },

  // This is a static page, no dynamic content
  output: "export",
  trailingSlash: true,
  images: { unoptimized: true },
  webpack(config, options) {
    const { isServer } = options;
    const prefix = nextConfig.assetPrefix || '';
    const basePath = nextConfig.basePath || '';

    config.module.rules.push({
      test: /\.(zip|mp4|bin|pdf)$/,
      use: [
        {
          loader: 'file-loader',
          options: {
            publicPath: `${prefix || basePath}/_next/static/`,
            outputPath: `${isServer ? '../' : ''}static/`,
            name: '[name]-[hash].[ext]',
          },
        },
      ],
    });

    // for react-igc
    config.plugins.push(
      new webpackMod.DefinePlugin({
        CESIUM_BASE_URL: JSON.stringify('/cesium'),
      }),
    );

    // TODO:  This needs to be figured out!  No idea why it's chucking errors
    // config.optimization.minimizer = []

    return config;
  }
}

const withMDX = nextMdx({
  // these options directly gets passed to `@mdx-js/loader`
  options: {
    remarkPlugins: [remarkFrontmatter, remarkMdxFrontmatter],
    rehypePlugins: [],
  },
});
export default withMDX(nextConfig)