pageExtensions

Vous pouvez étendre les extensions de page par défaut (.tsx, .ts, .jsx, .js) utilisées par Next.js. Dans next.config.js, ajoutez la configuration pageExtensions :

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

La modification de ces valeurs affecte toutes les pages Next.js, y compris les suivantes :

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

Par exemple, si vous reconfigurez les extensions de page .ts en .page.ts, vous devrez renommer les pages comme middleware.page.ts, instrumentation.page.ts, _app.page.ts.

Inclure des fichiers non-pages dans le répertoire pages

Vous pouvez colocaliser des fichiers de test ou d'autres fichiers utilisés par les composants dans le répertoire pages. Dans next.config.js, ajoutez la configuration pageExtensions :

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

Ensuite, renommez vos pages pour inclure l'extension .page (par exemple, renommez MyPage.tsx en MyPage.page.tsx). Assurez-vous de renommer toutes les pages Next.js, y compris les fichiers mentionnés ci-dessus.