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