SYS_ID: ER-ZENEngineering Report

Zenfia

Next.js · tRPC · StripeCustom Storefront + Admin Panel

Executive Overview

Zenfia represents a complete migration away from restrictive SaaS eCommerce platforms. By building a bespoke headless architecture, we eliminated recurring revenue-share fees while delivering a sub-second shopping experience.

DECISION_LOG //

The Challenge:
A growing handmade-goods brand had outgrown off-the-shelf platforms — they needed full control over product variants, pricing, inventory and content without paying per-sale platform fees or fighting template limits.

Engineering Approach

We engineered a bespoke Next.js storefront backed by Convex, with a complete in-house admin panel: products with variants, categories, orders, coupons, a gallery & homepage CMS, role-based team access and live analytics — plus an interactive 3D product viewer and Razorpay checkout.

System Architecture

A serverless Next.js edge deployment communicating with a Convex real-time database via tRPC, ensuring instant UI updates across the admin and storefront.

Frontend

Next.js App Router, Tailwind CSS, Framer Motion for fluid transitions.

3D Engine

React Three Fiber rendering optimized GLTF models for product visualization.

Database & API

Convex providing end-to-end type safety and real-time WebSocket subscriptions.

Payments

Razorpay Webhooks handling async payment capture, refunds, and failures.

Engineering Challenges

Variant Combinatorics

Designing a relational database schema in Convex to handle complex product variants (Size, Color, Material) with independent pricing and inventory tracking.

Performance Overhead of 3D

Lazy-loading the WebGL context and compressing 3D models via Draco to ensure the 3D viewer did not impact Core Web Vitals on mobile.

Your system could be next

Let's engineer yours.

We'llreviewyourrequirements,recommendanarchitecture,andestimateeffort.Nosalespressure.

Start a ConversationEmail Us