# Payments and Monetization at Scale for Frontend Engineers

> Workshop by Faris Aziz · Payments & scale. Payments are often introduced as a simple Stripe integration. In practice, even small products quickly run into complexity around pricing, subscriptions, failures, and global users. Frontend engineers are usually closest to checkout and monetization, yet rarely get a clear foundation for how payments actually work.

This workshop is a practical introduction to payments and monetization from a frontend and full-stack perspective. Using React and Next.js, we’ll start with the core payment concepts every engineer should understand, then gradually build toward real-world scenarios. You’ll learn how a payment flows from user intent to settlement, how common payment methods differ, and how to structure checkout and subscription flows safely in modern web apps.

We’ll use Stripe as a concrete example, but focus on patterns rather than vendor-specific APIs. Along the way, we’ll introduce merchant of record concepts, pricing and subscription basics, and what changes when you sell internationally. You’ll also see how to handle loading and error states, asynchronous confirmations, and post-deployment safety in a way that keeps both users and revenue protected.

By the end of the workshop, you’ll have a clear mental model of payments, understand how monetization fits into your frontend architecture, and feel confident building and evolving checkout flows without treating payments as a black box.

## Agenda

### 3-8 hours

- 10 min: **Introduction**
- 15 min: **Warm Up**
- 20 min: **Framing Payments as a System**
- 45 min: **Payment Fundamentals**
- 40 min: **Merchant of Record vs PSP vs Gateway**
- 45 min: **Designing Checkout in React and Next.js**
- 30 min: **Subscriptions, Plans, and Pricing Complexity**
- 45 min: **Multiple PSPs and Payment Orchestration**
- 30 min: **Global and Emerging Market Reality**
- 30 min: **Observability, Risk, and Post-Deployment Safety**
- 30 min: **Wrap-up and Mental Models**

_3-8 hours · 11 blocks_

## Prerequisites

- Strong React fundamentals
- Basic Next.js experience
- Comfort with async JavaScript
- No prior payments experience required, but this is not beginner-level

## You leave able to

- Explain how payments work
- Design safe, resilient checkout flows in React and Next.js
- Choose between MoR, PSPs, and hybrid setups
- Reason about global payment constraints and UX tradeoffs
- Structure pricing and subscription logic for long-term change
- Ship monetization features with observability and rollback paths
- Speak confidently with finance, product, and backend teams

## Delivered at

- WhatTheStack · Skopje · 17th Sep 2026 · https://faziz-dev.com/events/whatthestack-2026-payments-and-monetization-workshop

## Book this workshop

- Length: 3-8 hours
- Request a date: https://faziz-dev.com/invite?kind=workshop&workshop=Payments%20and%20Monetization%20at%20Scale%20for%20Frontend%20Engineers

Attendees: use the resources link from your session for the slides, the repo and the extras.

The talk version: Orchestrating Millions Across the Globe: Reactive Payments at Scale · https://faziz-dev.com/talks/orchestrating-millions-across-the-globe-reactive-payments-at-scale


All workshops: https://faziz-dev.com/workshops.md

---

Faris Aziz: software engineer, speaker, ZurichJS co-founder. Geneva, Switzerland.
Site: https://faziz-dev.com · Invite to speak: https://faziz-dev.com/invite · Services: https://faziz-dev.com/services · Mentorship: https://faziz-dev.com/mentorship · Index for agents: https://faziz-dev.com/llms.txt
LinkedIn: https://www.linkedin.com/in/farisaziz12/ · GitHub: https://github.com/farisaziz12 · Bluesky: https://bsky.app/profile/farisaziz.com