next.config.js

const path = require('path')
const withMDX = require('@next/mdx')({
  extension: /\.(md|mdx)?$/,
  options: {
    rehypePlugins: [require('@mapbox/rehype-prism')],
  },
})

const nextConfig = {
  webpack: (config, options) => {
    config.module.rules.push({
      test: /\.playground/,
      use: ({ issuer }) => {
        return [
          {
            loader: path.resolve(
              __dirname,
              'loaders',
              `playground-loader-${(issuer && issuer.indexOf('zh-cn')) > -1 ? 'zh' : 'en'}.js`,
            ),
          },
        ]
      },
    })
    return config
  },
  target: 'serverless',

  pageExtensions: ['jsx', 'js', 'mdx', 'md', 'ts', 'tsx'],

  cssModules: true,

  cssLoaderOptions: {
    importLoaders: 1,
    localIdentName: '[local]___[hash:base64:5]',
  },

  env: {
    VERSION: require('./package.json').version,
  },

  experimental: {
    reactStrictMode: true,

    redirects() {
      return [
        {
          source: '/docs/getting-started/:path*',
          permanent: true,
          destination: '/en-us/guide/:path*',
        },
        {
          source: '/en-us/getting-started/:path*',
          permanent: true,
          destination: '/en-us/guide/:path*',
        },
        {
          source: '/zh-cn/getting-started/:path*',
          permanent: true,
          destination: '/zh-cn/guide/:path*',
        },
        {
          source: '/zh-cn/',
          permanent: true,
          destination: '/zh-cn',
        },
        {
          source: '/en-us/',
          permanent: true,
          destination: '/en-us',
        },
      ]
    },
  },
}

module.exports = withMDX(nextConfig)