Portfolio
Headless & Edge Commerce

High-Performance Headless Storefront (Coom Endem)

Fully decoupled headless e-commerce: Next.js 16 App Router frontend + WordPress/WooCommerce API backend. Sub-120ms TTFB, 95+ Lighthouse score, zero layout shift, Docker Compose one-command setup.

GitHub RepositoryArchitecture Spec
<120ms
Edge TTFB
Next.js SSG + ISR on Vercel edge network
95+
Lighthouse Score
Performance, Accessibility, Best Practices, SEO
0.000
CLS
Zero cumulative layout shift
Minimal
Attack Surface
WordPress admin never publicly exposed
The Problem

Traditional WooCommerce stores couple frontend and backend tightly — the same server that holds the database also renders every page. This creates performance ceilings, security exposure, and scaling costs that compound as traffic grows.

The Solution

Decoupled architecture: Next.js 16 App Router frontend with SSG + ISR deploys to edge networks (Vercel/Netlify) handling millions of pageviews for free. WordPress serves only API requests from Next.js via WooCommerce REST API. Entire stack containerized with Docker Compose for zero-config local development and VPS deployment.

Architecture Highlights

01

Complete frontend/backend decoupling — WordPress admin is invisible to the public internet

02

ISR (Incremental Static Regeneration) updates product pages without full rebuilds

03

Shop managers keep their familiar WordPress admin — no code changes required

04

One-command local setup: `docker-compose up` spins the full stack

05

Edge deployment to Vercel/Netlify handles any traffic spike without backend scaling

06

WooCommerce REST API + JWT authentication for secure server-side data fetching

Tech Stack

Next.js 16TypeScriptWordPress (Headless CMS)WooCommerce REST APIDocker ComposeISR (Incremental Static Regeneration)

Want something similar?

Available for Founding Engineer roles & architecture contracts.

Discuss ProjectAll Projects