Joint session with Vercel: How to build intelligent storefronts (May 15th)

Baggu

A Shopify Multi-Site flowing into a single Sanity instance and back out into 2 unique frontend experiences.

By Kevin Green


Project Shots

Collections have a Style view which allows you to shop product styles quickly at a glance as opposed to a traditional grid view
Switch from Style to All however opens up the ability to see all products in a collection, it also allows you to enable various filtering that's powered at the theme level
A product landing is actually just a color'd product view, the data like `Standard Baggu` is actually a parent association, images are coming from Shopify but also saved into Sanity for reference, color/print pickers are set up in a Colorway content type
Additional data like details, sustainability, and shipping as well as global upsell types* are set at the Standard Baggu parent level, however ever product inside of Standard Baggu will use this same information, unless explicitly overrode at the product map level.
Cat experience, everything is powered by a cart content type assigned to the current theme, so language, upsells, messaging, shipping thresholds
The wholesale experience has a totally unique experience, while using the same codebase and Sanity dataset, it fetches unique pages/products/theme data

Editing environment

The master theme utility, allows the client to customize various aspects of the default viewing experience, homepage, header, footer, cart and even the global filtering
Product Maps - House the products from both Retail and Wholesale experiences and stitch them together, product maps have many levels of additional data for desc, collabo, collection association, also we track emails for customer applying to be on the waitlist directly in Sanity + Klaviyo.
The Product Landing is the parent association of the many nested products under the same product umbrella, this is where global data is set for products ranging from 10-80 nested products
The product associations are automatically powered by the product sync, these associations are the product maps, so this array handles both retail and wholesale product merchandising
Collections can be merchandised by product landing (faster) or by product map (slightly slower), to ease the pain of adding items one at a time I build a custom search query lookup, it allows you to easily add all items that match a title pattern
Glimpse at the modular components that make up the theme engine, everything under the sun is in the CMS~

Related contributions