Case Studies

Headless Shopify E-Commerce with Astro - Apapacho Real Cacao

AstroShopifyHeadlessE-Commerce
Apapacho Real Cacao Screenshot

The Client

Apapacho by Sal y Chocolate is a premium brand for artisanal cacao products from Tabasco, Mexico. The founders work directly with farming families and sell in the Dutch and European market. The requirement: an online store that reflects the quality and origin of the product.

The Problem

The brand had no online store of their own. They sold through third-party platforms, losing control over branding, customer experience and margins. They needed:

  • Their own e-commerce store with full brand control
  • Bilingual (Dutch + English) for the European market
  • Fast load times, especially on mobile
  • B2B ordering for restaurants and retailers
  • Simple product management without technical knowledge

The Solution

A headless setup: Shopify as backend for products, orders and payments. Astro as frontend for maximum performance and design freedom. No standard Shopify theme, but a completely custom frontend.

Technical Details

  • Astro as static site generator with dynamic Shopify data
  • Shopify Storefront API for products, cart and checkout
  • Custom cart system with client-side JavaScript
  • Bilingual routing (NL/EN) with automatic language detection
  • WebP images with lazy loading and responsive breakpoints
  • Newsletter integration for recipes and origin stories

The Result

< 1s

Load Time

100

Performance

2

Languages

The brand now has their own online store that loads as fast as a static website while using Shopify's full e-commerce capabilities. Customers experience the brand as intended, not through a generic Shopify theme.

Lighthouse Scores

Measured with Google Lighthouse, the industry standard for web performance.

100

Performance

Desktop

94

Accessibility

Desktop

100

Best Practices

Desktop

100

SEO

Desktop

Similar project?

Need a headless Shopify store with a custom frontend? Let's talk.

Discuss your project