localStorage хранит строки и доступен в браузере. Для избранного в него можно записать массив id через JSON.stringify(). При чтении данные проходят через JSON.parse(), затем код проверяет массив и сами id. Карточки товаров загружаются отдельно по сохранённым идентификаторам.

История хранится похожим способом, но запись обычно содержит id, название и время просмотра. Повторный id удаляется из старой позиции, новая запись ставится в начало. Длину истории можно ограничить, например последними 20 просмотрами. Код чтения и записи остаётся в Client Component или отдельном клиентском storage-слое.

Статья на Хабр Проект: Goods Finder Stepik: Next.js I: JavaScript 2026

#nextjs #AppRouter #localStorage #favorites #history #ClientComponents #browserapi #react #javascript #webdev