recently-viewed-products

Add a recently viewed widget to your headless storefront by storing product IDs client-side in localStorage, then re-fetching fresh product data via a server-side batch endpoint to ensure SSR-safe hydration and display only published items.

The recently viewed product widget respects privacy by storing only product IDs locally in browser storage. It includes silent-failure fallbacks for private browsing and avoids backend tracking, aligning with GDPR flows.

To prevent stale prices in a recently viewed products list, store only product IDs with timestamps instead of full product data. Re-fetch current product details from a server-side batch endpoint before rendering the widget.

Handle deduplication for recently viewed items by ordering them most-recent-first, enforcing a maximum history cap of 12 items, and applying a 30-day TTL expiration to automatically remove outdated browsing history.

You can use either sessionStorage or localStorage for recently viewed product tracking. Both options provide lightweight client-side storage for product IDs, allowing seamless integration into product pages, cart drawers, and homepages.

Your recently viewed widget may show out-of-stock items if it skips server-side validation. The widget must filter published and in-stock products by re-fetching fresh product data from a server-side batch endpoint before rendering.