Subscription Payments with Stripe, Supabase & Next.js 🤑🔴 LIVE Coding & Chill

Опубликовано: 04 Май 2026
на канале: Johnny Magrippis
1,517
38

Because everyone is doing subscription products now, but no-one wants to give a big cut to Patreon or other third parties!

We’ll start with Stripe’s no-code solution for a classic pricing table, like you’d find in most SaaS companies!

Then, we’ll go through Next.js Subscription Payments Starter, to take coding matters into our own hacking hands 😄 Because no-code is super practical for you, but low and full-on code is how you can most easily get hired for the big bucks 😄

We’ll be building a real SaaS out of this! Check out the description later for links to the deployed code and open-source code 🙌

🚀 Check out the Next.js Subscription Starter Demo Page! https://subscription-payments.vercel....
💻 See the code, open-source and free: https://github.com/vercel/nextjs-subs...

— COMMUNITY —
New DISCORD SERVER for us 😱:   / discord  
— 🥳🥳🥳 —

— Agenda —

[ ] What are we doing today? What’s Patreon?
[ ] No-code subscriptions / products with Stripe!
[ ] Let’s Deploy 🚀 Next.js Subscription Payments Starter
[ ] Code overview and opinionated tweaks (like Prettier!)
[ ] Supabase setup & sanity check
[ ] Auth setup!
[ ] Stripe setup & sanity check
[ ] Can we recreate this with SvelteKit?!
——⬇️ BONUS ⬇️——
[ ] Next.js: Setting up GitHub as an auth provider
[ ] Next.js: Setting up Google as an auth provider
[ ] Going through the SvelteKit wizard
[ ] Tailwind setup
[ ] Linking Supabase Project
[ ] Auth flow
[ ] Setting up GitHub as an auth provider
[ ] Setting up Google as an auth provider
[ ] Linking Stripe
[ ] Dark mode
[ ] Private posts
[ ] NEXT STEPS: Some of the “BONUS”s we didn’t get to? Let me know!

— HAVE FUN —

No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄

— Highlighted software —

Stripe: https://stripe.com/
Vercel’s Next.js Subscription Payments Starter: https://github.com/vercel/nextjs-subs...
Supabase: https://supabase.com/

My own website: https://magrippis.com/
My other channel: ‪@jmagrippis‬

Search for `@jmagrippis` to find me on socials like Instagram & Twitter! And remember our DISCORD SERVER 😉:   / discord  

Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌