next.config.mjs

import nextMDX from '@next/mdx';
import { remarkCodeHike } from '@code-hike/mdx';
import remarkGfm from 'remark-gfm';

const withMDX = nextMDX({
    extension: /\.mdx?$/,
    options: {
        remarkPlugins: [
            [
                remarkCodeHike,
                {
                    lineNumbers: true,
                    showCopyButton: true,
                    theme: 'github-dark-dimmed',
                    autoImport: true,
                    autoLink: true
                }
            ],
            remarkGfm
        ],
        providerImportSource: '@mdx-js/react'
    }
});

/** @type {import('next').NextConfig} */
const nextConfig = {
    reactStrictMode: false,
    pageExtensions: ['ts', 'tsx', 'js', 'jsx', 'md', 'mdx'],
    typescript: {
        ignoreBuildErrors: true
    },
    eslint: {
        ignoreDuringBuilds: true
    },
    swcMinify: true
    // experimental: {
    //     mdxRs: true
    // }
};

export default withMDX(nextConfig);