Как работает механизм shallow routing в Next.js?

Shallow Routing (поверхностная маршрутизация) в Next.js позволяет обновлять URL страницы без перезагрузки самой страницы и получения новых данных. dev.to Другими словами, меняется URL, а состояние остаётся. dev.to

Обычно при обновлении URL веб-сайта происходит и обновление страницы, и загрузка новых данных. dev.to Shallow Routing позволяет избежать этого, что полезно для улучшения скорости работы сайта и общего пользовательского опыта. dev.to

Некоторые особенности работы механизма:

• Работает только для изменений URL на текущей странице. ru.nextjs.im habr.com Если изменить URL на новую страницу, текущая будет выгружена, загрузится новая, и методы для получения данных перезапустятся, несмотря на запрос поверхностной маршрутизации. ru.nextjs.im habr.com
• При использовании с middleware не гарантируется, что новая страница соответствует текущей. ru.nextjs.im Это связано с тем, что middleware может динамически переписывать маршруты, что нельзя проверить на стороне клиента без загрузки данных, которая пропускается при поверхностной маршрутизации. ru.nextjs.im

Для включения поверхностной маршрутизации нужно установить опцию shallow в true в методе push объекта маршрутизатора. www.telerik.com nextjs.org