Zaffa - Digital Wedding Invitations Platform
Bilingual Arabic and English platform where Egyptian couples pick a template, build a digital wedding invitation, pay by InstaPay or Vodafone Cash, and track RSVPs live.
Client
Date
November 2026
Duration
3 weeks
Technologies
14 tools
Technologies Used
Next.js
React
TypeScript
next-intl
Prisma
PostgreSQL
Tailwind CSS
Framer Motion
Zod
TanStack Query
Docker
Caddy
n8n
Vitest
Project Overview
Zaffa is a digital wedding invitation product for couples in Egypt and the wider Middle East. A couple picks one of 15 designed templates, fills in names, venue and date, pays, and gets a live invitation link to share on WhatsApp. I built it end to end as a Next.js 16 app with Arabic and English routes, a customer dashboard, an admin panel, a checkout flow and a public site at zaffainvitations.com. It is a personal product, not client work. The goal was to replace the usual process, where couples message a designer on WhatsApp and wait days for a static page, with a self-serve flow that produces an invitation with RSVPs, guest links and entry QR codes built in.
Challenge
Local competitors sell a static page after three days of WhatsApp back and forth, give the couple no view of who is coming, and charge extra for Arabic and English together. Payment is also different here: most buyers pay by InstaPay or Vodafone Cash transfer, not card, so a standard Stripe checkout would not fit. On top of that, each invitation is a long mobile page with intros, music, scratch-to-reveal dates and animated scenery, and it has to load fast on mid-range phones opened from a WhatsApp link. Every template also needs to work right to left in Arabic and left to right in English without separate code paths.
Solution
I built the site on Next.js 16 and React 19 with next-intl for Arabic and English routes, Prisma 7 on PostgreSQL for orders, invitations, guests and wishes, and Tailwind CSS v4 with Motion for the animated templates. Each template is its own scene with a cinematic intro, countdown, venue buttons for Google Maps, Apple Maps, Waze and Uber, and add-to-calendar. Checkout takes an InstaPay or Vodafone Cash transfer with a receipt upload, and an admin approves it from a panel protected by Telegram two-factor login. Guests get personalised links and QR codes, and the couple approves wishes before they show. Meta Conversions API events, an n8n automation setup and a Dockerised deploy behind Caddy cover marketing and hosting.
Results & Impact
The site is live at zaffainvitations.com with 15 templates, two paid plans (Premium at 499 EGP and Royal VIP at 999 EGP), a full Arabic and English interface, and pricing, templates and how-it-works pages built for search. The repo has 129 commits over about three weeks, from first audit to the Sunset Aisle template. Couples get an invitation link valid for 12 months, a dashboard with live RSVP tracking, a CSV export of the guest list that opens in Excel, and ushers can scan entry QR codes from a phone browser without installing an app. The admin panel handles order approval, editing orders at any status and logging in as a customer for support.
Key Features
Project Gallery
