Skip to content
KayD
All work

Project story

YANA23 Online Store

A custom Next.js storefront for the clothing brand YANA23 on Shopify, with customer accounts and prices in two currencies.

YANA23 Online Store screenshot

About the project

A headless storefront for the clothing brand YANA23. The shop, product pages, cart and customer accounts are a Next.js app; Shopify holds the catalogue and runs checkout and payment, reached through its Storefront GraphQL API.

Prices follow Shopify Markets, so shoppers switch between Sri Lankan rupees and British pounds. I also restyled the store to the brand book and wrote a guide for matching Shopify's checkout to it.

What it covers

  • Storefront GraphQL data layer
  • Cart drawer and cart page with discount codes, handing off to Shopify checkout
  • LKR and GBP pricing through Shopify Markets, with a currency switcher
  • Customer accounts: sign-up, password recovery, addresses and order history
  • Shop filters, server-side pagination and search
  • Wishlist, recently viewed, re-order and quick add
  • Contact form with rate limiting
  • Sitemap, robots and page metadata