Handmade by Nanny Ray Ray website screenshot

Handmade by Nanny Ray Ray

E-commerce

Visit Site →

The Problem

Rae is a grandmother in regional Victoria who has been hand-stitching children's clothing for years. Each piece is unique, made with love. She was ready to take her craft online properly — not with some template site, but with a real digital business.

What We Built

The Result

From sewing room to streamlined online business. Rae can now focus on what she does best: creating beautiful, handmade clothing for Aussie kids. The tech handles the rest.

"I've been sewing children's clothes for years, but selling online always felt too complicated. Matt didn't just build me a website — he built me a proper little business. Payments, shipping notifications, even a chatbot that answers questions while I'm at the sewing machine. My grandkids helped me pack the first online order and I nearly cried. Your Mate Agency gave me something I never thought I'd have at my age: an online shop that actually works."

— Rae, Handmade by Nanny Ray Ray

Tech Stack

  • React 18.3.1 + TypeScript 5.8.3
  • Vite 5.4.19 with SWC compiler
  • Tailwind CSS 3.4.17 + shadcn/ui
  • Zustand v5.0.8 for state management
  • React Query for data fetching
  • React Router v6.30.1

Backend

  • Supabase (PostgreSQL + Deno Edge Functions)
  • 11 database tables for products, orders, customers, cart, reviews, wishlists
  • Row Level Security with JWT authentication
  • Custom product reservation system with automatic cleanup

Integrations

  • Stripe for multi-currency payments with automatic GST calculation
  • Brevo for transactional emails
  • Google Places API for address autocomplete
  • Tawk.to for live chat support

Features

  • 15-minute product reservation preventing race conditions
  • 10 curated product collections
  • Advanced product attributes (color, fabric, measurements, care instructions)
  • Shipping label printing from admin dashboard

Performance

Sub-second page loads via Vercel CDN. 137+ performance optimizations including memoization, lazy loading, and intelligent caching.