teaching·case 05·2026
An end-to-end rebuild of an online Islamic academy that had outgrown its first platform. Performance-first data layer, Stripe-driven entitlements covering one-off purchases, instalment plans and subscriptions, and DRM-protected video with a seek-locked player that stops learners scrubbing past what they've watched. Wrapped in a warm ivory, gold and navy brand system.
- Scope
- Product · Payments · Video · Store
- Stack
- Next.js · Supabase · Stripe · Bunny Stream · GSAP
- Team
- 2 + client
- Shipped
- 2026
teaching·case 05·2026
Islamic Knowledge
Product · Payments · Video · Store
What it does
Lesson player with progress, notes, bookmarks and transcripts
Anti-piracy video - entitlement-checked signed URLs, seek-locked player
One entitlements model for one-off, instalments and subscriptions
Quiz runner with auto-generated PDF certificates and public verification
Online store with cart, shipping and an in-browser digital book reader
Full admin CMS - course builder, articles, orders, members, reviews
The craft
Arch-framed imagery and a bespoke 'Morning Light' design system
GSAP and Motion working together across the marketing pages
Learner dashboard streamed with Suspense off single-RPC queries
Next case