VYRO — Made-to-Order Manufacturing & Digital E-Commerce — Case Study

01 // Context & Purpose

VYRO ("Ideas. Made real.") is an end-to-end digital manufacturing platform unifying ready-made lifestyle products, real-time 3D product customization (custom names, engraving, materials), and bespoke CAD studio quotation pipelines. Engineered with Next.js 16 App Router, Turborepo, Prisma ORM, and PostgreSQL, the platform includes a dedicated role-gated /admin enterprise console managing production orders, quotation estimation, and multi-wilaya shipping logistics.

02 // The Engineering Challenge

Made-to-order manufacturing requires handling variable customer customizations, trilingual localization (Arabic with RTL, French, English), offline/online payment realities in Algeria (Chargily Pay for CIB/Edahabia plus dominant Cash on Delivery), and complex multi-stage workshop order states.

03 // Architecture & Implementation

Architected an isolated dual-root-layout Next.js 16 application using Turborepo workspaces. Implemented real-time interactive customization preview interfaces, Chargily Pay gateway integration, automated DZD pricing calculators for CNC/3D print volume, and a unified PostgreSQL schema with Prisma ORM.

Key Technical Deliverables:

✓ Architected scalable monorepo storefront and /admin console supporting ready-made and custom-manufactured product lines.
✓ Built real-time interactive product personalization engine for 3D printing and laser engraving.
✓ Engineered custom quote submission workflow for bespoke CAD/CNC customer requests with file uploads.
✓ Integrated Chargily Pay (Algerian Edahabia/CIB cards) and Yalidine/ZR Express multi-wilaya delivery pricing tables.

04 // Architectural Decisions & Engineering Trade-Offs

Problem → Decision → Trade-off → Result

DECISION 01 / Turborepo Monorepo with Isolated Storefront & /admin Workspaces

The Problem:

Made-to-order manufacturing requires a lightweight customer storefront alongside an internal /admin workshop console for 3D print slicing, CNC estimation, and courier logistics.

Architecture Decision:

Structured the codebase as a Turborepo monorepo with strict package boundaries: customer storefront and operational back-office share a typed Prisma client and UI primitives, but are deployed as isolated root layouts.

Engineering Trade-Off:

Higher initial setup complexity for shared build tooling and TypeScript path aliases.

Measured Result:

Customer bundle remains lightweight (<120KB initial JS) with zero leakage of proprietary quoting algorithms.

DECISION 02 / Dual-Rail Payment Pipeline (Chargily Pay + Cash on Delivery State Machine)

The Problem:

Over 70% of Algerian e-commerce remains Cash on Delivery (COD), but customized B2B and 3D printing orders require upfront card verification via Edahabia/CIB.

Architecture Decision:

Engineered a resilient state machine supporting both Chargily Pay webhook verification and automated multi-stage COD status transitions (Created ➔ Confirmed ➔ Workshop Slicing ➔ Dispatch ➔ Delivered).

Engineering Trade-Off:

Requires asynchronous webhook idempotency and manual courier reconciliation states.

Measured Result:

Zero dropped orders; seamless automated checkout across all 58 Algerian wilayas.

05 // Platform Screenshots & Telemetry

Live Storefront & Brand Portal (https://vyro-web-eight.vercel.app) ● LIVE CAPTURE

↳ Live Storefront & Brand Portal (https://vyro-web-eight.vercel.app)

Digital Manufacturing Catalog & DZD Pricing Engine ● LIVE CAPTURE

↳ Digital Manufacturing Catalog & DZD Pricing Engine

Custom 3D / CNC Studio Quote Request Pipeline ● LIVE CAPTURE

↳ Custom 3D / CNC Studio Quote Request Pipeline

Flagship 3D Manufactured Product & Physical Studio Spec ● LIVE CAPTURE

↳ Flagship 3D Manufactured Product & Physical Studio Spec

06 // Technologies Deployed

Each technology was selected based on strict performance constraints, team ergonomics, and production reliability.

Next.js 16 TypeScript Turborepo Prisma ORM PostgreSQL Tailwind CSS Framer Motion Chargily Pay Auth.js