How AI is powering better personalization in e-commerce [with Vercel]. Sign up now

American Italian Cultural Center Redesign

Combining Sanity, Donorbox, and Shopify to seamlessly manage courses, trips, events, memberships, digests, and e-commerce.

By Michael Gandolfi


Project Shots

Ecommerce handled via Shopify Storefront API
Collections handled via Storefront API and refreshed on webhook trigger
Course Catalogue all handled in Sanity + Donorbox for ticketing
Donorbox Embeded checkout for lessons
Digests uploaded to Sanity as PDFs then parsed using React-pdf
Custom Digest viewer using React PDF
Mapbox connected via Sanity + Google Maps Input component
Forms powered by Resend API, Zod validation, and Nextjs server actions
Dynamic Open Graph Image creation via Nexts Image Response
Open graph
Dynamic Open Graph images for events
Lighthouse audit

Editing environment

Course curriculums management for centralized control
Course Management supporting multiple time offerings at different locations.
Sanity + Nextjs Presentation Mode
Sanity + Nextjs Presentation Mode
Event Management handling Mapbox, Donorbox checkout, and social sharing.
Digests uploaded as PDFs to sanity and then converted to images via React-PDF for a custom reader

Related contributions