独自のページ拡張子

.mdx で終わるページのサポートを追加した @next/mdx のようなモジュールを対象としています。ページを解決する際に pages ディレクトリで探す拡張子を設定できます。

next.config.js を開き、 pageExtensions の設定を追加します:

module.exports = {
  pageExtensions: ['mdx', 'jsx', 'js', 'ts', 'tsx']
};

関連事項