next.config.cjs

/** @type {import('next').NextConfig} */
const nextConfig = {
	// Optionally, add any other Next.js config below
	reactStrictMode: true,
	experimental: {
		esmExternals: "loose",
	},
};

module.exports = nextConfig;

/**
 *
 *
 *
import createMdx from "@next/mdx";

const withMDX = createMdx({
	extension: /\.mdx?$/,

	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: [],
		rehypePlugins: [],
		// If you use `MDXProvider`, uncomment the following line.
		providerImportSource: "@mdx-js/react",
	},
});

const nextConfig = {
	// Configure pageExtensions to include md and mdx
	pageExtensions: ["ts", "tsx", "js", "jsx", "md", "mdx"],
	// Optionally, add any other Next.js config below
	reactStrictMode: true,
	experimental: {
		esmExternals: "loose",
	},
	webpack(config) {
		config.resolve.extensions.push(".js");
		return config;
	},
};

export default withMDX(nextConfig);

 */