Live2025Web App · Personal Brand · Full-Stack

CreativelyNanda.co.za

Portfolio & Digital HQ — The Website That Builds Itself

My personal portfolio, digital headquarters, and product platform — a magazine-inspired, AI-integrated website with a Notion template shop, poetry collection, blog, and AI assistant. Built with Next.js, Supabase, and PayFast.

View Live GitHub

Demo Recording

Serving

African creative technologists

Market

Monthly recurring revenue

Problem

Generic portfolio problem

Result

6 Notion templates live, R15K+ revenue

The Problem

What needed solving

Generic developer portfolios fail to capture multidimensional creatives. I needed a platform that simultaneously showcases technical excellence, creative identity, and functions as a revenue-generating business.

The Solution

How I built it

A full-stack personal brand platform with editorial design aesthetics, a functional Notion template shop (PayFast integrated), published poetry collection, AI sales assistant, blog CMS, and PWA capabilities.

Tech Stack & Decision Rationale

Next.js 14

App Router, SEO, PWA

TypeScript

Type safety across all features

Supabase

Products, orders, blog, poetry database

PayFast

South African payment gateway for template sales

Resend

Transactional email delivery

Framer Motion

Editorial animation system

Tailwind CSS

Brand-consistent design system

README.md — creativelynanda

📄 README.md

# CreativelyNanda.co.za
> Portfolio & Digital HQ — The Website That Builds Itself

## Project Context
**Category:** Web App · Personal Brand · Full-Stack
**Status:** Live · 2025
**Author:** Nandawula Regine Kabali-Kagwa — East London, South Africa

## Stack
```
Next.js 14                     # App Router, SEO, PWA
TypeScript                     # Type safety across all features
Supabase                       # Products, orders, blog, poetry database
PayFast                        # South African payment gateway for template sales
Resend                         # Transactional email delivery
Framer Motion                  # Editorial animation system
Tailwind CSS                   # Brand-consistent design system
```

## 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://creativelynanda.co.za
- 🐙 GitHub: https://github.com/Nanda-Regine/CreativelyNanda.co.za
- 🏗️ Portfolio: https://creativelynanda.co.za/projects/creativelynanda

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

More Projects

Beta

View All Projects

Interested in similar work?

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

Let's Talk