/blog02E-commerce2024

Verezza E-commerce

Headless store built from scratch with Remix, GraphQL, and Shopify Storefront API

Client
Verezza E-commerce
Role
Frontend Developer · Headless E-commerce
Year
2024
Verezza E-commerce

Summary — I built a headless e-commerce store from scratch with React, TypeScript, Remix, and GraphQL, integrating Shopify through the Storefront API. Authentication, filtered catalog, persistent cart, wishlist, checkout, SSR, and ES/EN support with COP/USD/EUR.

Verezza is a headless e-commerce store built from scratch. The goal was to implement core production commerce features with a frontend decoupled from Shopify and a stack aligned with real-world scenarios: React, TypeScript, Remix, and GraphQL.

Headless with Shopify Storefront API

I connected the frontend to Shopify through the GraphQL Storefront API, consuming products, collections, and variants. On top of that integration I implemented authentication, catalog, cart, wishlist, and checkout, with solid state and error handling in Remix.

Stack
Remix · React · TS · GraphQL
Backend
Shopify headless

What I implemented

  • Core e-commerce features: authentication, product catalog with dynamic filters, persistent cart, wishlist, and Shopify-integrated checkout.
  • Mobile-first responsive interface, with i18n (Spanish/English) and multi-currency support (COP/USD/EUR).
  • Shopify Storefront API integration via GraphQL.
  • Performance optimization with Server-Side Rendering (SSR), lazy loading, and intelligent caching.
  • Content Security Policy for a smooth and secure user experience.