default.js
El archivo default.js
se utiliza para renderizar un respaldo dentro de Rutas Paralelas cuando Next.js no puede recuperar el estado activo de un slot después de una carga completa de página.
Durante la navegación suave (soft navigation), Next.js mantiene un registro del estado activo (subpágina) para cada slot. Sin embargo, para navegaciones duras (carga completa de página), Next.js no puede recuperar el estado activo. En este caso, se puede renderizar un archivo default.js
para subpáginas que no coincidan con la URL actual.
Considere la siguiente estructura de carpetas. El slot @team
tiene una página settings
, pero @analytics
no.

Al navegar a /settings
, el slot @team
renderizará la página settings
mientras mantiene la página activa actual para el slot @analytics
.
Al actualizar la página, Next.js renderizará un default.js
para @analytics
. Si default.js
no existe, se renderizará un 404
en su lugar.
Adicionalmente, dado que children
es un slot implícito, también necesita crear un archivo default.js
para renderizar un respaldo para children
cuando Next.js no pueda recuperar el estado activo de la página padre.
Props
params
(opcional)
Un objeto que contiene los parámetros de ruta dinámica desde el segmento raíz hasta las subpáginas del slot. Por ejemplo:
Ejemplo | URL | params |
---|---|---|
app/@sidebar/[artist]/default.js | /zack | { artist: 'zack' } |
app/@sidebar/[artist]/[album]/default.js | /zack/next | { artist: 'zack', album: 'next' } |