Een webshop voor plantaardige voeding, vol recepten en gidsen

De uitdaging

Te veel voor een standaard Shopify-webshop

Orangefit groeide snel. Er kwamen producten, landen en talen bij, en steeds meer systemen die met de webshop moesten praten: abonnementen, een spaarprogramma en coachinglidmaatschappen. Daarnaast publiceert het team veel content, van recepten tot gidsen, in meerdere talen. De webshop moest dat allemaal aankunnen en snel blijven, en het contentteam moest er zelf in kunnen werken.

Wat we bouwden

Shopify als basis, Next.js en DatoCMS eromheen

Met mijn collega's bij Superhero Cheesecake bouwde ik een volledig headless webshop: Next.js op Vercel, met Shopify voor de winkel en DatoCMS voor de content. Daarop zijn Firmhouse (abonnementen), Yotpo (spaarprogramma), Klaviyo (e-mail) en Virtuagym (coachinglidmaatschappen) aangesloten.

Bezoekers zoeken in producten en content tegelijk. Daarvoor gebruiken we Algolia, dat productdata uit Shopify en recepten, blogs en gidsen uit DatoCMS samenbrengt in één zoekfunctie. Die werkt in elke taal en geeft binnen 100 ms resultaten.

Het resultaat

Snel, ook op Black Friday

Alle Core Web Vitals staan op groen: een LCP van 1s, een INP van 143ms, een CLS van 0.02 en een Time to First Byte van 0.2s. Het contentteam publiceert zelf pagina's en campagnes. Drukke dagen zoals Black Friday verlopen zonder problemen. Ik onderhoud de webshop nog steeds en bouw verder terwijl het merk groeit.