pageExtensions

Puedes extender las extensiones de página predeterminadas (.tsx, .ts, .jsx, .js) utilizadas por Next.js. Dentro de next.config.js, agrega la configuración pageExtensions:

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

Cambiar estos valores afecta a todas las páginas de Next.js, incluyendo las siguientes:

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

Por ejemplo, si reconfiguras las extensiones .ts a .page.ts, necesitarías renombrar páginas como middleware.page.ts, instrumentation.page.ts, _app.page.ts.

Incluir archivos no-página en el directorio pages

Puedes colocar archivos de prueba u otros archivos utilizados por componentes en el directorio pages. Dentro de next.config.js, agrega la configuración pageExtensions:

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

Luego, renombra tus páginas para que tengan una extensión que incluya .page (ej. renombra MyPage.tsx a MyPage.page.tsx). Asegúrate de renombrar todas las páginas de Next.js, incluyendo los archivos mencionados anteriormente.