Mervida
A specialized food distribution platform for premium, clean-label Nigerian harvests with export capabilities.
Mervida by GFO Foods is an e-commerce and distribution platform designed to connect local Nigerian harvests with a global audience. It serves multiple customer segments by providing retail shopping, bulk wholesale supply for corporate clients, and specialized 'personal shopper' services for the diaspora. To handle complex logistics and variable delivery fees, the platform utilises a streamlined WhatsApp checkout flow that routes orders directly to customer service for consultation.
The application is built on the Next.js App Router paradigm, leveraging React Server Components for optimal SEO and initial page load performance. The UI layer is constructed using a bespoke component system styled with Tailwind CSS v4 and animated using Framer Motion. Data flow for user orders bypasses traditional automated payment gateways, instead formatting cart contents and routing them directly to a WhatsApp Business API endpoint for human-in-the-loop processing.
Rendering Strategy
Chose
Next.js App Router with React Server Components
Why
Chosen for its out-of-the-box SEO benefits, file-based routing, and ability to serve static pages rapidly, which is crucial for an e-commerce catalog.
Trade-off
Requires a strict mental model separation between client and server components, occasionally adding complexity to interactive state management.
Checkout Flow
Chose
WhatsApp checkout routing over automated payment gateways
Why
Selected over Paystack or Stripe to accommodate custom delivery fees, bulk wholesale orders, and specialised diaspora services that require human consultation.
Trade-off
Sacrifices end-to-end checkout automation in favour of high-touch customer service and maximum logistical flexibility.
UI Architecture
Chose
Custom UI components over component libraries (MUI, Chakra UI)
Why
Building bespoke components with Tailwind CSS and Framer Motion ensures the platform's visual identity matches its 'natural, clean-label' brand aesthetic perfectly.
Trade-off
Increased initial development time, but resulted in a lighter, more unique interface than any pre-built library would have produced.
Integrate a headless CMS (e.g., Sanity or Strapi) to allow non-technical staff to update the product catalog dynamically
Implement a localised payment gateway for fully automated retail checkouts alongside the WhatsApp flow
Add internationalisation (i18n) to natively support multiple languages for the global diaspora audience