03 / 09Web platforms

FPL Farms

E-commerce platform

A production storefront and admin platform for a Karachi-based natural foods brand, from catalog and checkout to articles and SEO.

Role
Full-stack developer
Contribution
Solo build
Year
2026
Context
Client: FPL Farms
InputsCoreOutputsShoppersAdmin teamNext.js appSupabase + R2OrdersOrder emailsSocial cards
System overviewNext.js · React · TypeScript · Supabase · Tailwind CSS · SEO

Overview

A production e-commerce site for FPL Farms, a Karachi-based natural foods brand. Shoppers get a product catalog, cart, customer reviews and an articles section. The team gets an admin dashboard to run the store without a developer.

01 The problem

The brand needed a fast, credible store that could be found through search, plus a back office simple enough for a small team to manage products, orders, reviews and content day to day.

02 The approach

Built on the Next.js App Router with Supabase for data and admin authentication, and Cloudflare R2 for media. Every page carries keyword-focused metadata and structured data, and social preview images are generated automatically, including one per product.

Highlights

  1. 01Product catalog, cart and checkout with delivery cost calculated per city
  2. 02Customer reviews and an articles section with a rich-text editor in the admin
  3. 03Admin dashboard for products, categories, orders, reviews, articles, delivery cities and users
  4. 04Order editing that recalculates delivery cost live when the city changes
  5. 05Customer records de-duplicated across different phone number formats
  6. 06SEO metadata, structured data, sitemap and auto-generated social preview images

Stack

  • Next.js
  • React
  • TypeScript
  • Supabase
  • Tailwind CSS
  • SEO

Building something similar? Get in touch or see all work.

Home/
Work/work
About/about
Notes/notes
Contact/contact
HaxMindAI systems
AI Sales Call AnalysisAutomation
FPL FarmsWeb platforms
VYVA Voice CompanionVoice agents
BidCraftAI systems
Call AI AutomationVoice agents
Automated CV / LinkedIn Profile GeneratorAutomation
Restaurant Voice-Ordering BackendVoice agents
UIT University WebsiteWeb platforms
Copy email addressmhassamzahid@gmail.com
Download CVPDF
Open GitHub@mhassamzahid
Ask about HassamQuick answers
Toggle light / dark themeTheme