Headless Shopify E-Commerce mit Astro - Apapacho Real Cacao
Der Kunde
Apapacho by Sal y Chocolate ist eine Premium-Marke für handgefertigte Cacao-Produkte aus Tabasco, Mexiko. Die Gründer arbeiten direkt mit Bauernfamilien zusammen und verkaufen im niederländischen und europäischen Markt. Der Anspruch: Ein Online-Shop der die Qualität und Herkunft des Produkts widerspiegelt.
Das Problem
Die Marke hatte keinen eigenen Online-Shop. Sie verkauften über Drittplattformen und verloren die Kontrolle über Branding, Kundenerlebnis und Margen. Sie brauchten:
- Einen eigenen E-Commerce Store mit voller Markenkontrolle
- Bilingual (Niederländisch + Englisch) für den europäischen Markt
- Schnelle Ladezeiten, auch auf mobilen Geräten
- B2B-Bestellmöglichkeit für Gastronomen und Einzelhändler
- Einfache Produktverwaltung ohne technisches Wissen
Die Lösung
Ein Headless Setup: Shopify als Backend für Produkte, Bestellungen und Zahlungen. Astro als Frontend für maximale Performance und Designfreiheit. Kein Standard-Shopify-Theme, sondern ein komplett eigenes Frontend.
Technische Details
- Astro als Static Site Generator mit dynamischen Shopify-Daten
- Shopify Storefront API für Produkte, Cart und Checkout
- Custom Cart-System mit Client-side JavaScript
- Bilinguales Routing (NL/EN) mit automatischer Spracherkennung
- WebP-Bilder mit Lazy Loading und responsive Breakpoints
- Newsletter-Integration für Rezepte und Origin Stories
Das Ergebnis
< 1s
Load Time
100
PageSpeed Score
2
Sprachen
Die Marke hat jetzt einen eigenen Online-Shop der so schnell ist wie eine statische Website, aber die volle E-Commerce-Funktionalität von Shopify nutzt. Die Kunden erleben die Marke so wie sie gedacht ist, nicht durch ein generisches Shopify-Theme.
Live ansehen:
apapachorealcacao.nlÄhnliches Projekt?
Du brauchst einen Headless Shopify Store mit Custom Frontend? Lass uns sprechen.
Projekt besprechen