01 / FULL-STACK
Purchase Emporium — Small Business Commerce Platform
An accessible storefront platform built with Next.js, MongoDB, Cloudinary, and Upstash QStash for asynchronous message queuing.
overview
Accessible Digital Storefronts & Asynchronous Architecture
Purchase Emporium was built around a straightforward objective: enabling small businesses and independent sellers to establish a functional online storefront without the technical overhead or steep subscription costs of traditional e-commerce platforms.
The application provides sellers with intuitive product management interfaces and instant store page generation, allowing prospective buyers to discover items organically and initiate direct orders through WhatsApp.
As the sole full-stack developer, I architected the platform from client-facing interfaces down to database schema design, asynchronous event queues, image optimization workflows, and subscription tier rules.
the problem
Website Overhead & High Entry Barriers
Many independent merchants and small businesses possess quality products but lack the budget, technical time, or developer resources required to maintain full-featured custom e-commerce websites.
Sellers relying exclusively on direct social messaging lose organic search visibility and struggle to maintain structured, searchable product catalogs for potential buyers.
Existing enterprise storefront builders introduce unnecessary setup complexity, complex payment gateway setups, and monthly software fees that strain small operational budgets.
the approach
Asynchronous Message Queuing & Direct Messaging Checkout
Decouple complicated payment gateway logic in favor of a direct WhatsApp checkout flow, keeping friction low for both local sellers and buyers.
Leverage Upstash QStash to offload non-blocking I/O operations—such as batch email verification broadcasts and analytics synchronization—into asynchronous background message queues, dramatically lowering API response latencies.
Utilize Next.js App Router and server route handlers paired with Zod schema validation to build secure APIs for user authentication, product listings, and subscription tier enforcement.
the build
From interface to infrastructure
Frontend Architecture
Built using Next.js App Router, React, TypeScript, and Tailwind CSS. The storefront features responsive catalog displays, search controls, and client-side form handling powered by React Hook Form.
Backend & Asynchronous Queuing
Engineered modular REST API route handlers integrated with Upstash QStash. By routing heavy side effects (like multi-recipient email dispatches and webhook event syncs) through serverless message queues, the synchronous request-response cycle remains lightning-fast and fault-tolerant.
Database Modeling & Validation
Architected relational-like MongoDB collections using Mongoose to structure seller accounts, storefront metadata, and product listings, enforcing runtime data safety via Zod schemas.
Media & Notification Services
Integrated Cloudinary for automated cloud image uploads and WebP compression, alongside Nodemailer pipelines for transactional email verification and password resets.
highlights
The parts that make the product work.
Dedicated Online Storefronts
Custom branded digital storefronts allowing small businesses to present their catalog without building a custom domain from scratch.
Direct WhatsApp Checkout
Seamless conversion funnel enabling buyers to inquire about inventory or execute orders directly through encrypted WhatsApp conversations.
Asynchronous Background Workers
Utilizes Upstash QStash to process notification delivery, background synchronization, and webhook retries without blocking HTTP threads.
Product Search & Indexing Engine
Structured catalog metadata and dynamic search indexing that help shoppers discover local merchants and product listings organically.
engineering
The decision behind the product.
Message Queue Decoupling (QStash)
Integrated Upstash QStash HTTP message queues to isolate time-intensive operations. Offloading transactional emails and background event syncing reduced critical path API latency by over 60% while providing native retry mechanisms for failed dispatches.
Form & Payload Validation
Implemented Zod schemas across client and server boundaries, preventing malformed data payloads during catalog creation and user registration.
Cloudinary Asset Pipeline
Configured secure client-to-cloud media upload presets, reducing server network load and serving responsive WebP product images.
in the product
A closer look.
reflection
What I learnt from building it.
Engineering Purchase Emporium reinforced the value of designing software around real user constraints—choosing WhatsApp integration over complex payment gateways significantly lowered setup friction for small merchants.
Implementing Upstash QStash for background message queuing highlighted how critical asynchronous execution models are for maintaining sub-100ms API response times under concurrent load.
Future updates will focus on multi-currency support and automated analytics reporting dashboards for sellers tracking catalog view metrics.