next.config.mjs

import nextMdx from '@next/mdx'
import remarkGfm from 'remark-gfm'
import nextAnalyzer from '@next/bundle-analyzer'

/** @type {import('next').NextConfig} */
const nextConfig = {
  // Configure `pageExtensions` to include MDX files
  pageExtensions: ['js', 'jsx', 'mdx', 'ts', 'tsx'],
  async redirects() {
    return [
      {
        source: '/font-converter',
        destination: '/tools/font-converter',
        permanent: true,
      },
      {
        source: '/svg-to-css',
        destination: '/tools/svg-to-base64',
        permanent: true,
      },
    ]
  },
}

const withBundleAnalyzer = nextAnalyzer({
  enabled: process.env.ANALYZE === 'true',
})

const withMDX = nextMdx({
  // Optionally provide remark and rehype plugins
  options: {
    // If you use remark-gfm, you'll need to use next.config.mjs
    // as the package is ESM only
    // https://github.com/remarkjs/remark-gfm#install
    remarkPlugins: [remarkGfm],
    rehypePlugins: [],
    // If you use `MDXProvider`, uncomment the following line.
    // providerImportSource: "@mdx-js/react",
  },
})

export default withBundleAnalyzer(withMDX(nextConfig))