WeAreDevelopers LIVE Nov 25, 2021

Build Your Own Subscription-based Course Platform

Dávid Lévai

Why write custom backend APIs from scratch? Stop reinventing the wheel and ship a scalable course platform fast using Next.js, Supabase, and Stripe.

Pause
Mute Enter Fullscreen
#1 about 4 min

Architecture and tech stack for the course platform

An overview of the tools used to build the application, including Next.js, Stripe, Supabase, and GraphCMS.

#2 about 3 min

Styling the application with Tailwind CSS and Tailwind UI

How utility-first CSS frameworks simplify component styling and accelerate layout development.

#3 about 4 min

Hosting and deploying applications using Vercel

Exploring continuous integration, deployment environments, and serverless functions on the Vercel platform.

#4 about 8 min

Setting up open source authentication with Supabase

Comparing open-source database alternatives to Firebase and configuring GitHub OAuth integrations.

#5 about 11 min

Configuring database tables and row level security

Defining PostgreSQL database tables and creating custom security policies to control user data access.

#6 about 11 min

Managing recurring subscriptions and products with Stripe

How to create products, pricing plans, and payment links using the Stripe payment gateway.

#7 about 12 min

Managing application content with a headless GraphQL CMS

Defining modular schemas and querying structured asset data using a GraphQL-based content management system.

#8 about 11 min

Synchronizing external platform data using webhooks

Handling incoming webhook events from Stripe to update local databases and trigger static site rebuilds.

#9 about 8 min

Testing the user authentication and complete payment flow

Demonstrating account creation, magic link verification, and completing a test subscription checkout.

#10 about 5 min

Operational cost breakdown and premium template alternatives

Evaluating the pricing tiers of modern development tools and assessing available low-code commercial templates.

#11 about 12 min

Q&A on low-code tradeoffs and serverless performance

Discussions on handling serverless cold starts, adopting new developer tools, and the future of no-code platforms.

Matching moments

2:47 min

Recapping serverless architectures and Swift cloud integrations

Sebastien Stormacq Sebastien Stormacq · LIVE

3:20 min

Architecting the platform with modern cloud and mobile technologies

Tom George · LIVE

1:31 min

Introduction to the GraphQL, Apollo, and Next.js stack

Josh Goldberg · JS Congress

31 sec

Core technologies for a tiny e-commerce stack

Christian K · JS Congress

2:59 min

Rise of modern composition technologies and web platforms

Loïc Carbonne Loïc Carbonne · WWC 2024

1:35 min

Architecting a modern AI-native deployment stack

Malte Lensch Malte Lensch · WWC Europe 2026

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
Open session

World Congress 2026 North America

The $0.15/month Algo-Trader: Architecting High-Performance Serverless Trading Engines

Vishwak Thatikonda

Lead Full Stack Engineer at SDH Systems

Vishwak Thatikonda
Open session

World Congress 2026 North America

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris
Open session

World Congress 2026 North America

Ship 10x Faster: AI-Powered Development with Claude Code and MCP Tools

Viktoria Semaan

Principal Technical Evangelist at Databricks

Viktoria Semaan
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg