Christmas Shop 24
Festive headless storefront
Christmas Shop 24 is a headless Christmas retail storefront built on the Shopify Storefront API. It pairs a playful, seasonal identity — Playfair Display headings, a red/green/gold palette, snow-tinted accents — with a fully featured commerce build: filterable collections, a persistent cart, a native Shopify-powered blog, and a redirect to Shopify-hosted checkout.
Headless Shopify commerce
Collections, product pages with variants and galleries, a slide-in cart drawer persisted to localStorage, and checkout handed off to Shopify.
Native blog with ISR
Articles are authored in Shopify Admin and appear within a minute via incremental static regeneration — no redeploy needed.
Config-driven navigation
Nav collections are populated from an env var — add a collection handle and it appears in the navbar with zero code changes.
- Server components fetch all data; interactive UI is split into paired *Client.tsx components.
- SSG + ISR (revalidate: 60) across every route for fast, always-fresh pages.
- All GraphQL queries and types centralised in a single typed shopify.ts module.
Like what you see?
I’m available for freelance work. Let’s build something together.