E-commerceProductionGlobal

Case study

Vident Eyewear

AI-powered eyewear e-commerce

Production eyewear storefront and admin — Next.js commerce, Express/MongoDB API, AWS S3 media, Docker on Contabo, and browser-based AI virtual try-on with MediaPipe + TensorFlow.js.

RoleFull Stack Software EngineerDuration2025–2026ClientEyewear Retail

Open live site Start a similar project

Product overview — full frame

01 — Challenge

The problem we solved

Online eyewear needs rich catalog + try-before-buy confidence
Admin and storefront must share catalog complexity (frames, lenses, extras)
Need containerized deploy with custom domains and SSL

02 — Goals

What success looked like

Full commerce loop with admin CMS
AI virtual try-on in the browser
Scalable media on S3
Dockerized three-tier deploy

03 — Signals

Capability profile

Measured strengths across delivery, innovation, and operational maturity.

Catalog models

On-device AI

Try-on innovation

Docker + SSL

Infra maturity

9 Redux slices

State architecture

04 — System design

Architecture

Three-tier containerized commerce

Next.js frontend, Express REST API, MongoDB Atlas + S3 — each service containerized behind Nginx with SSL.

1
01
Frontend
Layer 1 of 4
Next.js 14Redux / ZustandTry-on canvas
2
02
API
Layer 2 of 4
ExpressJWT / OAuthMulter → S3
3
03
Data
Layer 3 of 4
MongoDB Atlas28 modelsS3 CDN media
4
04
Infra
Layer 4 of 4
Docker ComposeNginxContabo VPS

05 — Stack

Technology stack

Production tools powering this product — icons for quick recognition.

Next.js
React
TypeScript
Node.js
Express
MongoDB
Docker
AWS S3
Nginx
Tailwind CSS

06 — Capabilities

Key features

Next.js App Router storefront + admin route groups

28 Mongoose commerce models

MediaPipe Face Landmarker try-on

Redux Toolkit + Zustand state

Docker Compose + Nginx HTTPS on Contabo

07 — Deep dive

Structure & detail

AI try-on stack

Layer	Tech
Face detection	MediaPipe Face Landmarker
ML runtime	TensorFlow.js + WebGL
Capture	React Webcam
Render	HTML Canvas (+ Three.js support)

08 — Outcomes

Business impact

Conversion

Virtual try-on reduces purchase uncertainty

Ops

Unified admin for frames, lenses, and media

Scale

Containerized stack ready for growth

Closing note
A production-grade eyewear platform combining modern commerce UX with browser AI try-on and solid DevOps.

Visit admin.videnteyewear.com Discuss a similar build

More case studies

View all →

QAF

Healthcare SaaS

QuantiSight

Healthcare Tech

Clinifyz