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)