pageExtensions

デフォルトでは、Next.js は以下の拡張子を持つファイルを受け入れます: .tsx, .ts, .jsx, .js。この設定を変更して、マークダウン (.md, .mdx) などの他の拡張子を許可できます。

next.config.js
const withMDX = require('@next/mdx')()

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

module.exports = withMDX(nextConfig)