AM

Atelier Market

Shopify frontend sample

Catalog

Frontend cart

Your bag

Cart is empty

Add a product to demonstrate the cart state architecture.

Browse products
Subtotal$0.00

Intentionally frontend-only. This state is structured so it can be extended into Shopify cart or checkout mutations.

Senior frontend engineering sample

A polished Shopify-ready storefront with API fallback resilience.

This demo focuses on the layer a senior frontend engineer owns in practice: composable React architecture, GraphQL data mapping, thoughtful loading and fallback states, and a Liquid section that translates the same merchandising logic into theme land.

Explore productsOpen product detail

Data mode

Shopify API or local mock source

Architecture

App Router, typed GraphQL, cart context

Theme fluency

Included Liquid section with schema

Curated drop

Storefront collection preview

Source:Local mock data
Folded neutral-colored travel pouches arranged on a table

Linen Travel Set

A soft-structured carry set designed for weekend packing, with premium linen pouches and modular sizing.

$68.00 - $84.00

2 variants
Ceramic coffee pour-over setup on a wood counter

Ceramic Pour-Over Kit

A countertop coffee set with matte ceramic dripper, server, and a textured tray for daily ritual.

$92.00 - $108.00

2 variants
Minimal grey jacket on a clothing rack

Merino Layer Jacket

A lightweight outer layer with clean lines, engineered as an apparel example for a Shopify storefront grid.

$148.00

1 variant

Rendering from mock catalog data