Nosto

This project demonstrates how to integrate Nosto's personalization capabilities into a Shopify Hydrogen storefront deployed with Oxygen. It showcases an alternative approach to cart tracking and session management that doesn't rely on Nosto's pixel implementation.

Key Features

• Cart Token Tracking — Uses React's useEffect to monitor cart additions and capture cart tokens for personalization
• Session ID Integration — Links cart tokens to customer session IDs stored in browser cookies
• Buy Now Support — Ensures cart token updates before checkout redirection for direct purchase flows
• Market Compatibility — Supports multi-market setups with shop ID formatting for different locales

Philosophy

The demo emphasizes a clean, pixel-free integration approach that maintains Nosto's personalization capabilities while giving developers more control over the tracking implementation within modern React-based storefronts.