Skip to content
E-Commerce / Operations / SaaSUnder NDA

KSA Dropshipping Ops Platform

KSA Dropshipping Ops Platform is a Next.js 14 App Router Backend-for-Frontend (BFF) application proxying microservices. It unifies order orchestration across Shopify, WooCommerce, and Google Sheets into a 19-status pipeline with full English/Arabic RTL localization.

Engagement
Company project · NDA
My Role
Frontend & BFF engineer
Platform
Web (BFF + microservices)
Market
Saudi Arabia
Technologies Used
  • Next.js 14
  • TanStack Query
  • Zustand
  • i18next

Built under NDA — client data and source code remain confidential, so details are intentionally limited.

Dropshipping operations dashboard with order pipeline
Key Project Metrics & Achievements
7+Integrated channel plugins (Shopify, Woo, Sheets)
19+Stage order lifecycle pipeline
60%Reduction in operational context switching

The Challenge

Dropshipping merchants in the KSA market face fragmented operations: orders flow in from multiple channels (Shopify, WooCommerce, custom landing pages) with different data schemas and sync requirements. Managing 19+ order statuses across 4 user role tiers, multi-currency wallets, and bilingual Arabic/English audiences — all while keeping sub-second speeds and SEO visibility — required a performant unified platform.

The Solution

We designed a Next.js 14 App Router platform acting as a BFF layer proxying three microservices via a layered Service → Hook → Component pattern. TanStack React Query v5 manages server state, Zustand v5 handles UI state, NextAuth.js handles Google OAuth, and i18next delivers 200+ translation keys with dynamic Arabic RTL layout switching.

ENGINEERING EXCELLENCE

Key Features Delivered

Engineered from scratch with clean code, scalable architecture, and strict attention to performance.

Multi-Platform Integration Hub

Plugin architecture supporting 7+ integrations (Shopify OAuth HMAC, WooCommerce API keys, Google Sheets OAuth, EasyOrders, LightFunnels, MilesNow) with configuration modals.

19-Status Order Lifecycle Engine

Complex order pipeline with nested status groups, role-based visibility, bulk operations, CSV import/export (PapaParse), print-ready invoices, and ZIP downloads (JSZip).

Bilingual English/Arabic RTL Architecture

Complete i18n implementation using i18next with 200+ translation keys, dynamic LTR/RTL layout flipping, language-persistent routing, and Arabic registration surveys.

Dual Authentication & Middleware RBAC

Email/password + OTP verification alongside Google OAuth via NextAuth.js, with cookie-based JWT sessions and middleware route enforcement across 4 role tiers.

BFF Layer & Server Operations

Next.js API routes handling Shopify HMAC verification, Cloudinary signed image uploads, Klaviyo/Mailgun newsletters, and dynamic XML sitemaps with ISR caching.

Multi-Currency & KSA Market Localization

Multi-currency conversion support (SAR, AED, USD, EUR, GBP, INR) removing friction for regional Arabic merchants and international dropshipping suppliers.

MEASURABLE OUTCOMES

The Business Impact

The KSA Dropshipping Platform unified fragmented sales channels into a single high-performance dashboard, eliminating order tracking errors and simplifying GCC market localization.

  • Reduced operational context switching by 60% by consolidating Shopify, WooCommerce, and Sheets orders
  • Eliminated manual order tracking errors with a 19-status pipeline and role-based visibility
  • Accelerated KSA market adoption via native bilingual English/Arabic RTL localization
  • Maximized organic discovery through dynamic XML sitemaps and JSON-LD structured data
KSA Dropshipping Ops Platform — results screen
LET'S WORK TOGETHER

Have a project in mind?
I'd love to hear about it.

Let's Talk
Quick Message⚡ 24h Response