pageExtensions

Next.jsで使用されるデフォルトのページ拡張子（.tsx, .ts, .jsx, .js）を拡張できます。next.config.js内で、pageExtensions設定を追加します

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

これらの値を変更すると、以下のものを含むすべてのNext.jsページに影響します

• middleware.js
• instrumentation.js
• pages/_document.js
• pages/_app.js
• pages/api/

たとえば、.tsページ拡張子を.page.tsに再設定する場合、middleware.page.ts、instrumentation.page.ts、_app.page.tsのようなページの名前を変更する必要があります。

pagesディレクトリにページ以外のファイルを含める

テストファイルやコンポーネントで使用されるその他のファイルをpagesディレクトリに配置できます。next.config.js内で、pageExtensions設定を追加します

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

次に、ページ名を.pageを含むファイル拡張子（例: MyPage.tsxをMyPage.page.tsxにリネーム）に変更します。上記で述べたファイルを含め、すべてのNext.jsページの名前を必ず変更してください。