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ページの名前を確実に変更してください。