supabase/apps/docs/next.config.mjs

import nextMdx from '@next/mdx'
import bundleAnalyzer from '@next/bundle-analyzer'

import remarkGfm from 'remark-gfm'
import rehypeSlug from 'rehype-slug'

import theme from 'shiki/themes/nord.json' assert { type: 'json' }
import { remarkCodeHike } from '@code-hike/mdx'

import withTM from 'next-transpile-modules'
// import withYaml from 'next-plugin-yaml'
// import admonitions from 'remark-admonitions'
// import codeHikeTheme from './codeHikeTheme.js'

/**
 * Rewrites and redirects are handled by
 * apps/www nextjs config
 *
 * Do not add them in this config
 */

const withMDX = nextMdx({
  extension: /\.mdx?$/,
  options: {
    remarkPlugins: [
      [
        remarkCodeHike,
        {
          theme: theme,
          autoImport: true,
        },
      ],
      remarkGfm,
    ],
    rehypePlugins: [rehypeSlug],
    // This is required for `MDXProvider` component
    providerImportSource: '@mdx-js/react',
  },
})

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

// /** @type {NextConfig} */
const nextConfig = {
  // Append the default value with md extensions
  pageExtensions: ['ts', 'tsx', 'js', 'jsx', 'md', 'mdx'],
  reactStrictMode: true,
  swcMinify: true,
  basePath: '/docs',
}

// next.config.js
export default () => {
  // const plugins = [withMDX]/
  const plugins = [withTM(['ui', 'common']), withMDX]
  return plugins.reduce((acc, next) => next(acc), nextConfig)
}