pageExtensions

預設情況下,Next.js 接受以下副檔名的檔案:.tsx.ts.jsx.js。這可以修改為允許其他副檔名,例如 Markdown (.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)