Matheus Passos
All projects

Project 06

Ecommerce Shopify

A headless Shopify storefront built with Hydrogen, running on edge workers with streaming server rendering.

Status
In production
Role
Principal contributor to the storefront; built the ERP integration service.
Source
Private codebase
Simplified flow
  1. Oxygen edge (SSR)
  2. Shopify APIs
  3. Integration service
  4. ERP

Problem

The brand needed a storefront beyond what a standard theme allows: an embedded product-customization experience, freight rates from Brazilian carriers, custom authentication and an integration with the company ERP.

Solution

A Hydrogen and React Router application deployed to Oxygen with streaming SSR, typed GraphQL code generation across Shopify APIs, and a separate Java service keeping the storefront and ERP in sync.

Engineering highlights

  • Typed GraphQL code generation across the Storefront, Customer Account and Admin APIs.
  • Embedded product-customization studio inside the storefront.
  • Freight rates from Brazilian carriers at checkout.
  • Hybrid authentication with Google sign-in, and real-user monitoring with Grafana Faro.