nextjs nestjs postgresql stripe threejs

Kaset — Music & Marketplace Platform

An immersive Myanmar music streaming and e-commerce platform with a 3D-driven storefront, a NestJS commerce API, and a real-time admin command center.

3 apps

web, admin & API monorepo

Stripe + local

international & Myanmar payments

Real-time

admin-to-web content sync

[ role ] Full-stack engineer · Orbic-M

Project specs

Tech Stack

Next.js 16 NestJS PostgreSQL Three.js Stripe Redis

R&D Focus

Full-Stack Commerce & Immersive Web

Complexity

A culturally-rooted music and marketplace platform that pairs an “Awwwards-level” immersive storefront with a full commerce backend and an operations command center. Listeners discover Myanmar artists, albums, and products through a sonic landscape, while admins orchestrate the entire catalog in real time.

Problem

Most music storefronts treat discovery as a flat list and bolt commerce on as an afterthought. Kaset needed three things at once: a distinctive, immersive listener experience tuned to Myanmar culture; a robust commerce engine supporting both international and local payment rails; and an admin surface powerful enough to manage music, products, editorial content, orders, and users without engineering involvement.

Approach

  • › Immersive storefront: A Next.js 16 + React 19 web app with a 3D hero (Three.js / react-three-fiber), smooth-scroll (Lenis), a “broken grid” discovery layout, and reactive cursor/magnetic interactions powered by Framer Motion.
  • › Commerce engine: A NestJS API over PostgreSQL (TypeORM) modeling songs, albums, artists, products, taxonomy, and orders, with Redis caching for hot reads.
  • › Payments: Stripe for international checkout plus Myanmar-specific methods (bank transfers / mobile wallets), with secure webhook verification cycles to prevent lost orders.
  • › Admin command center: A React + TanStack Router dashboard with a Lexical rich-text editor for editorials, Recharts analytics, role-based AuthGuard access, and live order fulfillment.
  • › Auth & assets: Session-based auth for listeners (NextAuth + Google OAuth), JWT/Passport for the API, and Cloudinary for processed image/audio delivery.

Outcome

  • › A three-app monorepo (web, admin, backend) sharing a single brand-color system that propagates across both surfaces from one update.
  • › End-to-end purchase flow: cart → checkout → payment → order timeline tracking.
  • › Real-time data integrity — an admin’s catalog or price change is reflected immediately on the web app for all users.

Stack notes

Monorepo split across web (Next.js 16, React 19, Three.js, Lenis, Framer Motion, Stripe, NextAuth, TanStack Query, Zustand), backend (NestJS 11, TypeORM, PostgreSQL, Redis, Passport/JWT, Stripe, Cloudinary), and admin (React 19 on Rsbuild, TanStack Router, Lexical, Recharts, Zustand). Security is layered: session auth for users, strict role-based AuthGuard for admins, and webhook-verified payment confirmation.