Overview
Nokhba Store is a complete ecommerce platform combining a customer storefront and a staff-only admin suite. Both experiences share the same Supabase database, API layer, and media pipeline, giving the team one source of truth for catalog, orders, and customer activity.
How It Works
- Storefront clients browse products with search, filters, and variants, then check out with shipping rates and COD payment.
- Orders are stored in Supabase; confirmed orders sync to Maystro Delivery for fulfillment and tracking.
- Admins authenticate with Supabase Auth and manage catalog, orders, shipping, loyalty, and CMS content.
- Media uploads flow through signed URLs from /api/upload-url into Supabase Storage for secure product imagery.
Key Features
- Multilingual storefront (FR/EN/AR) with full RTL layout support.
- Search, category/brand pages, attribute filtering, sorting, and pagination.
- Cart, wishlist sync, coupons, and loyalty point redemption.
- Admin dashboard KPIs, order management, and catalog CRUD.
- CMS pages, site settings, and marketing blocks editable from the admin panel.
Tech Stack
- Vue 3 (Composition API), TypeScript, Vite, Pinia, Vue Router, and Tailwind CSS.
- Supabase Postgres/Auth/Storage with Vercel serverless functions in api/.
- Chart.js + vue-chartjs for admin analytics.
- Maystro Delivery APIs with optional Telegram order alerts.
Data + Media Flow
- Storefront uses the Supabase anon key for authentication, profile data, and wishlist syncing.
- Admin writes go through serverless APIs with the Supabase service role to enforce privileges.
- Product images live in the product-images bucket and are uploaded through signed URLs.
Integrations & Automation
- Maystro Delivery order creation, status refresh, and pricing lookups.
- Telegram alerts for new or confirmed orders (optional).
- Sitemap generation through a scripted crawler for SEO.
Outcomes
- Unified retail operations with a shared database across storefront and admin.
- Localized shopping experience with RTL Arabic coverage.
- Streamlined fulfillment through Maystro integration and automated alerts.
Gallery
Links
- Visit Nokhba Store
- Request a walkthrough
- Status: Live deployment with private repos