Skip to main content
jed_llorente.
get in touch.
Back to projects
// Web Engineering • 4 Months (Production)

Apex Enterprise CMS & Headless Design System

A modular custom WordPress theme and component library engineered for zero page-builder bloat and sub-second Core Web Vitals.

Launch live application Source code archives
// BENCHMARK TELEMETRY & DELTA GAINS

Performance & Precision Metrics.

Measured across production runtimes comparing unoptimized baseline vs. final deployed build.

Core Web Vitals +46 pts
Baseline: 54 / 100
Production: 100 / 100
Unit metric: Performance Score
Time to First Byte (TTFB) -370ms
Baseline: 480ms
Production: 110ms
Unit metric: Server Latency
Compiled Asset Payload -96.2%
Baseline: 4.8 MB
Production: 180 KB
Unit metric: Bundle Weight
Authoring Cycle Time -66%
Baseline: 45 mins
Production: 15 mins
Unit metric: Workflow Velocity
// SYSTEM TOPOLOGY & PIPELINE

Architectural Dataflow.

Sequential execution pipeline from data ingestion to user presentation.

[01] ONLINE

Vite JIT Bundler

Zero-bloat Tree Shaker

↳ ESM / HMR
[02] ACTIVE

WordPress Core Engine

Native PHP Hierarchy

↳ Loop API
[03] OPTIMIZED

MariaDB Query Layer

Transient Object Cache

↳ TCP :3306
[04] SYNCED

Cloudflare Edge Cache

Full Page Static Edge

↳ HTTP/3 SSL
[05] 100% CWV

Client Viewport Paint

Sub-120ms First Paint

↳ DOM / CSSOM
// IMPLEMENTATION ARTIFACTS

Interactive Code Walkthrough.

Key implementation logic, state machine controllers, and event dispatchers.

ℹ Auto-resolves production hashed chunk assets directly from Vite manifest with zero runtime PHP parsing overhead.
1
$manifest_path = get_theme_file_path('assets/dist/.vite/manifest.json');
2
if (file_exists($manifest_path)) {
3
$manifest = json_decode(file_get_contents($manifest_path), true);
4
wp_enqueue_style('apex-main', get_theme_file_uri('assets/dist/' . $manifest['assets/src/css/main.css']['file']));
5
wp_enqueue_script('apex-js', get_theme_file_uri('assets/dist/' . $manifest['assets/src/js/main.js']['file']), [], null, true);
6
}
// ENGINEERING WRITEUP & SPECIFICATION

Implementation Deep Dive.

Engineering Architecture

Engineered an enterprise-grade custom WordPress theme leveraging semantic HTML5, Tailwind CSS, and lightweight PHP templates. Eliminated heavy multi-megabyte page builders in favor of bespoke Gutenberg block patterns and native custom meta boxes.

Key Technical Highlights

  • Zero-dependency asset pipeline with automated cache busting and minified bundles under 15KB.
  • Implemented server-side caching strategies and database query optimization reducing TTFB below 120ms.
  • Full responsive accessibility compliance (WCAG 2.1 AA).