Indicadores de desarrollo (devIndicators)

devIndicators permite configurar el indicador en pantalla que proporciona contexto sobre la ruta actual que estás visualizando durante el desarrollo.

Tipos
  devIndicators: false | {
    position?: 'bottom-right'
    | 'bottom-left'
    | 'top-right'
    | 'top-left', // por defecto 'bottom-left',
  },

Establecer devIndicators como false ocultará el indicador, sin embargo Next.js continuará mostrando cualquier error de compilación o tiempo de ejecución que se encuentre.

Solución de problemas

El indicador no marca una ruta como estática

Si esperas que una ruta sea estática y el indicador la ha marcado como dinámica, es probable que la ruta haya optado por no usar el renderizado estático.

Puedes confirmar si una ruta es estática o dinámica construyendo tu aplicación con next build --debug y revisando la salida en tu terminal. Las rutas estáticas (o prerenderizadas) mostrarán un símbolo , mientras que las rutas dinámicas mostrarán un símbolo ƒ. Por ejemplo:

Salida de compilación
Ruta (app)                              Tamaño     JS de primera carga
 /_not-found                          0 B               0 kB
 ƒ /products/[id]                       0 B               0 kB

  (Estática)   contenido prerenderizado como estático
ƒ  (Dinámica)   renderizado en el servidor bajo demanda

Al exportar getServerSideProps o getInitialProps desde una página, esta será marcada como dinámica.

Historial de versiones

VersiónCambios
v15.2.0Mejora del indicador en pantalla con nueva opción position. Las opciones appIsrStatus, buildActivity y buildActivityPosition han quedado obsoletas.
v15.0.0Se añadió el indicador estático en pantalla con la opción appIsrStatus.