WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
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 · World Congress 2024

1:35 min

Architecting a modern AI-native deployment stack

Malte Lensch Malte Lensch · World Congress 2026 Europe

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
10 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
17 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
18 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
24 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
25 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
about 1 month ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

Related videos

How to Build Truly Production-ready Apps - Modern JS-based SaaS Stack for Indie Devs and Small Teams thumbnail
45:31
LIVE • about 5 years ago

How to Build Truly Production-ready Apps - Modern JS-based SaaS Stack for Indie Devs and Small Teams

Dávid Lévai

Build and Deploy a Fullstack App with Open Source Tooling thumbnail
25:53
World Congress 2023 • almost 3 years ago

Build and Deploy a Fullstack App with Open Source Tooling

Noam Honig

Modern Headless Commerce with Vendure thumbnail
29:19
World Congress 2022 • over 4 years ago

Modern Headless Commerce with Vendure

Michael Bromley

Lessons learned from building a thriving Vue.js SaaS application thumbnail
30:02
World Congress 2025 • about 1 year ago

Lessons learned from building a thriving Vue.js SaaS application

Abdelrahman Awad

Meet Your New BFF: Backend to Frontend without the Duct Tape thumbnail
51:04
LIVE • about 3 years ago

Meet Your New BFF: Backend to Frontend without the Duct Tape

Noam Honig

Coffee with Developers thumbnail
50:44
LIVE • over 4 years ago

Coffee with Developers

David Levai

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.