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.
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.
Our 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.
Key Features Delivered
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.
The 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
Have a similar project in mind?
Let's build something amazing together.