pageExtensions

デフォルトでは、Next.jsは.tsx、.ts、.jsx、.jsの拡張子を持つファイルを受け入れます。これを変更して、マークダウン（.md、.mdx）などの他の拡張子を許可することができます。

next.config.js

const withMDX = require('@next/mdx')()

/** @type {import('next').NextConfig} */
const nextConfig = {
  pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
}

module.exports = withMDX(nextConfig)