Next.js изменяет URL-адрес без создания страницы с использованием ISR
Я использую ISR для создания статических страниц продукта с помощью next.js. Поскольку нужно создать много страниц продукта, я создал для него только несколько страниц. Проблема, которую я пытаюсь решить, это задержка перевода просмотра на страницу товара.
Итак, у меня есть страница категории, и в ней есть список продуктов. В каждом элементе карточки товара я использую ссылку next.js, чтобы пользователь мог перейти на страницу товара.
Проблема здесь заключается в задержке перехода на страницу продукта, когда страница еще не создана. Переход на страницу продукта происходит медленно, потому что next.js строит страницу. Я хочу сразу перевести пользователя на страницу продукта, показывая состояние загрузки страницы через условие router.isFallback.
Я пытаюсь добиться того же, что и обычная ссылка, потому что она показывает состояние загрузки страницы, но я не хочу перезагружать страницу.
2 ответа
Что вы могли бы сделать, так это сделать реквизит необязательным,
То, что должно занять время во время загрузки вашей страницы ISG nextJs, - это вызов API в GetStaticProps, что-то вроде этого:
Вместо использования next/link или router.push используйте router.replace
router.replace(`/product/${id"}`)
Дайте мне знать, если это сработает.