Обзор реализации:
Для внешнего интерфейса мы используем Nextjs и Shopify для внутреннего интерфейса. Мы используем библиотеку реагирования-мгновенного поиска Algolia для отображения данных о продуктах на страницах со списком продуктов (PLP). У нас есть родительский компонент под названием Collection.js, в котором данные о продукте извлекаются из Algolia, и эти данные о продукте повторяются через компонент ProductItemTile.js для передачи данных о каждом продукте для отображения в PLP. Мы показываем около 102 или 104 товаров на странице. Поскольку мы не получаем полные данные о продукте от Algolia, для магазина создается дополнительный API, чтобы получить дополнительную информацию о каждом продукте (get-plp-product-data) в компоненте ProductItemTile.
Проблема:
Когда мы перезагружаем PLP, несколько API get-plp-product-data запускаются больше, чем количество продуктов на любой странице PLP, кроме страницы 1.Технологический стек:
Nextjs, Shopify, Algolia
Мы подозреваем, что это может быть проблемой из-за повторного рендеринга, но мы Точную причину этого не нашли.
Подробнее здесь: https://stackoverflow.com/questions/793 ... ding-issue
