All Projects
Live2025eCommerce ยท SaaS Template

Green Vault eCommerce

Modern eCommerce Template with Full PayFast Integration

A complete modern eCommerce platform template with PayFast payment integration, inventory management, admin dashboard, and a beautiful responsive UI โ€” purpose-built for African businesses.

Demo Recording

Serving

African eCommerce market

Market

R1.5T SA eCommerce opportunity

Problem

No SA-native eCommerce templates

Result

Template live on Vercel

The Problem

What needed solving

African businesses lack affordable, locally-integrated eCommerce solutions. Most platforms don't support South African payment gateways or are priced for international markets.

The Solution

How I built it

A ready-to-deploy eCommerce template with full PayFast integration, inventory management, and admin dashboard. Built for the South African market from day one.

Tech Stack & Decision Rationale
01

Next.js 14

Performance + SEO for eCommerce

02

TypeScript

Reliable payment and inventory logic

03

PayFast

Native SA payment gateway

04

Supabase

Product & order database

05

Tailwind CSS

Professional store UI

README.md โ€” green-vault
๐Ÿ“„ README.md
# Green Vault eCommerce
> Modern eCommerce Template with Full PayFast Integration

## Project Context
**Category:** eCommerce ยท SaaS Template
**Status:** Live ยท 2025
**Author:** Nandawula Regine Kabali-Kagwa โ€” East London, South Africa

## Stack
```
Next.js 14                     # Performance + SEO for eCommerce
TypeScript                     # Reliable payment and inventory logic
PayFast                        # Native SA payment gateway
Supabase                       # Product & order database
Tailwind CSS                   # Professional store UI
```

## Architecture Notes
- All data mutations validated server-side via Next.js API routes
- Row-Level Security enforced at database level (Supabase)
- Mobile-first, PWA-ready, offline-tolerant where connectivity is unreliable
- PayFast integration for ZAR-native payments (no USD conversion)
- SEO-optimised: metadata, JSON-LD, canonical URLs, sitemap

## Environment Variables
```env
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=
OPENAI_API_KEY=
NEXT_PUBLIC_PAYFAST_MERCHANT_ID=
NEXT_PUBLIC_PAYFAST_MERCHANT_KEY=
RESEND_API_KEY=
```

## Links
- ๐ŸŒ Live:   https://green-valut-e-commerce-store-demo.vercel.app/
- ๐Ÿ™ GitHub: https://github.com/Nanda-Regine/GreenValut-eCommerce-store-demo
- ๐Ÿ—๏ธ Portfolio: https://creativelynanda.co.za/projects/green-vault

---
Built from East London, South Africa ยท 5th Industrial Revolution

Interested in similar work?

Let's discuss how I can build something like this for your business.

Let's Talk