Cross-Border B2B E-Commerce & Wholesale•4 Weeks Delivery•London, Dubai & Casablanca

Asili — Headless Multi-Vendor B2B Commerce Platform

Sub-800ms Headless Commerce Architecture with 99.8% Core Web Vitals Pass Rate

Engineered a lightning-fast headless B2B marketplace connecting artisanal suppliers with luxury European and Middle Eastern hospitality chains. Features dynamic EUR/USD currency conversion, sub-700ms catalog search, and automated escrow settlement.

LCP Load Speed0.64s88% improvement over legacy Magento installation

Checkout Conversion+38.4%Wholesale procurement completion rate increase

Client JS Payload64 KBReduced from 2.4 MB on product pages

AI Search CitationsTop 3Cited consistently in Perplexity & ChatGPT commercial queries

The Architectural Challenge

Asili's legacy Magento/WordPress setup suffered from 5.4-second page loads, crippling checkout drop-offs from corporate procurement officers in London and Dubai, and frequent database deadlocks during wholesale catalog bulk syncs.

Core Bottlenecks Identified During Technical Audit:

5.4s Largest Contentful Paint (LCP) causing a 46% bounce rate on international traffic.

Heavy WooCommerce plugins loading 2.4 MB of unneeded JavaScript on every product detail page.

Clunky multi-currency calculations executing synchronously on the main thread.

Zero Generative Engine Optimization (GEO), rendering products invisible to modern AI search agents.

The Engineering Solution

We replatformed Asili onto a modern headless architecture powered by Next.js 15 App Router, React 19 Server Components, and Tailwind CSS. Product listings and high-res imagery are statically generated at the edge with incremental regeneration (ISR). Complex pricing tiers and currency conversions are handled via edge middleware, ensuring zero hydration tax on initial load.

React 19 Server Components for Product Catalogs

By rendering product cards strictly on the server, we eliminated 1.8 MB of client-side React hydration libraries. Interaction to Next Paint (INP) dropped from 340ms to 24ms.

Edge-Based Geo-Currency Routing

Currency detection and price calculation occur inside Next.js edge middleware before HTML delivery, eliminating the visual currency layout shift (CLS) that plagues standard Shopify/WooCommerce stores.

Architecture Highlights & Deliverables:

Sub-700ms LCP guaranteed across mobile 4G and international desktop connections.

Deep JSON-LD Product & MerchantReturnPolicy schema graph for Google Merchant and AI search indexing.

Instant multi-currency switching (EUR, USD, GBP, MAD) executed at the Cloudflare Edge.

Stripe Custom Connect integration for automated split-payouts and multi-party escrow.

Core Web Vitals & Telemetry Audit

Lighthouse Perf100/100

Largest Contentful Paint0.64s

Interaction to Next Paint24ms

Edge Response (TTFB)22ms

Technology Stack

Storefront CoreNext.js 15 (App Router)

Rendering EngineReact 19 Server Components

Design SystemTailwind CSS v4

Global PaymentsStripe Connect

Product IndexPostgreSQL & Upstash Redis

Global CDN & ISRCloudflare Edge

"Our European hotel buyers used to complain constantly about our slow wholesale catalog. Since TripleW rebuilt Asili on Next.js, pages load instantly, currency conversion is instantaneous, and our wholesale order volume jumped by 38%."

Salma AlamiManaging Director, Asili Global Group

Ready to Build a High-Performance System?

Let's discuss your product goals, architecture requirements, and timeline. Get a direct review from our Lead Systems Architect.

Schedule Technical Review