pageExtensions

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

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

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

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

例えば、.ts ページ拡張子を .page.ts に再構成する場合、proxy.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 ページの名前を変更してください。