Next.js: Перейдите на другую страницу без повторной визуализации

#reactjs #next.js

Вопрос:

в моем приложении у меня есть две страницы:

 /pages
  index.js
  [page].js
 

Оба файла имеют одинаковое содержимое. Я делаю это для обработки входящих запросов по «/» и другим URL-адресам, скажем, «/foo» и «/bar».

Когда я перемещаюсь по ссылке между «/foo» и «/bar», я использую флаг маршрутизатора shallow=true, что не вызывает повторной визуализации. Но когда я перехожу на страницу индекса, весь контент перерисовывается заново. Можно ли предотвратить это при переходе на другие страницы? Или это совершенно неправильный подход, и есть возможность обрабатывать все входящие запросы только в одном файле?

Ответ №1:

Я нашел лучшее решение, используя универсальные маршруты. В моем примере это было бы:

 /pages/[[...page]].js