Dot Bakery Cafe
Built a performant, accessible e‑commerce site for a specialty bakery using Next.js, Prisma, and a component-driven UI.
Case Study
A deep dive into the project development process
The Problem
The bakery needed a fast, multilingual web storefront that could handle a growing online ordering load and diverse product variants. Existing solutions were slow, hard to localize, and brittle for frequent menu/product updates; customers experienced slow loads, poor mobile UX, and inconsistent product information, reducing conversions.
The Solution
Rebuilt the storefront as a production-grade Next.js app with server-side rendering, caching strategies, and a headless data layer (Prisma + Postgres). Implemented structured product models, localization, and admin/data workflows (migrations + seed scripts).
Key Features
- Performance: SSR + selective static generation, aggressive caching, image optimization
- Localization: locale routing, translations, currency/format handling
- Product flexibility: structured product & variant models, dynamic pricing
- Admin & data: Prisma migrations and automated scripts for bulk updates
- UX & accessibility: mobile-first responsive UI with WCAG considerations
Challenges Faced
Data modeling complexity for product sizes/variants, balancing real-time freshness with caching, and migration of legacy product JSON datasets while preserving IDs.
What I Learned
Schema-first pragmatism helps; clear cache invalidation patterns are critical; incremental improvements reduce risk.
Results & Impact
Improved page load and TTI by 40–60%, increased conversions and repeat orders in A/B tests, and reduced manual product update time by ~70%.
Related Projects
Allora Store
Production-grade e‑commerce storefront (Next.js + Prisma/Postgres) with resilient checkout, variant & inventory management, and comprehensive test coverage.
Amica Pet
Conversion-focused marketing site for Amica Pet premium wipes, optimized for discovery, persuasion, and measurable experiments.
Nexa Point
Built a modern, internationalized Next.js web application focused on fast performance, accessibility, and a clear content-first UX.