default.js

Файл default.js используется для отображения запасного варианта в параллельных маршрутах (Parallel Routes), когда Next.js не может восстановить активное состояние слота (slot) после полной загрузки страницы.

При мягкой навигации (soft navigation) Next.js отслеживает активное состояние (подстраницу) для каждого слота. Однако при жёсткой навигации (полной загрузке страницы) Next.js не может восстановить активное состояние. В этом случае для подстраниц, которые не соответствуют текущему URL, может быть отображён файл default.js.

Рассмотрим следующую структуру папок. Слот @team имеет страницу settings, а @analytics — нет.

Параллельные маршруты с несоответствующими путями

При переходе на /settings слот @team отобразит страницу settings, сохраняя текущую активную страницу для слота @analytics.

При обновлении страницы Next.js отобразит default.js для @analytics. Если default.js не существует, вместо него будет отображена ошибка 404.

Кроме того, поскольку children является неявным слотом, вам также необходимо создать файл default.js для отображения запасного варианта для children, когда Next.js не может восстановить активное состояние родительской страницы.

Пропсы

params (опционально)

Объект, содержащий динамические параметры маршрута (dynamic route parameters) от корневого сегмента до подстраниц слота. Например:

ПримерURLparams
app/@sidebar/[artist]/default.js/zack{ artist: 'zack' }
app/@sidebar/[artist]/[album]/default.js/zack/next{ artist: 'zack', album: 'next' }