Memberships with Stripe, SvelteKit & Supabase 💸 Patreon-like Service Part 4 🔴 LIVE Coding & Chill
It’s time to show a subscription product, and actually buy it!
After integrating with Stripe and wrangling webhooks in the previews stream, we’re ready to get a customer through the Stripe Checkout flow, and even manage their subscription after they’ve successful got one! This is the “golden flow” of our Patreon page clone 🙂
Let’s see how smooth our SvelteKit & Stripe combo can be!
🚀 Check out the app! https://johnnify.com/
💻 See the code, open-source and free: https://github.com/jmagrippis/johnnify
— COMMUNITY —
Our DISCORD SERVER 👾: / discord
— 🥳🥳🥳 —
— Agenda —
✅ What are we doing today? Membership / Subscription app?
✅ Show our membership plan in the UI!
✅ Fetch plan from Supabase DB
✅ Monthly vs annual price toggle!
✅ What’s Stripe Checkout?! https://stripe.com/docs/payments/chec...
✅ Server endpoint to create a Checkout Session: https://stripe.com/docs/billing/subsc...
✅ UI for a Success page
✅ Redirect back in case of checkout error
✅ Integrate backend + frontend & buy a membership (with a Stripe test credit card)! https://stripe.com/docs/testing
— BONUS —
✅ Feature flag our new code!
[ ] Allow users to manage their memberships with the customer portal! https://stripe.com/docs/customer-mana...
[ ] Server endpoint to create a portal session
[ ] Integrate backend + frontend to get the customer to their portal!
[ ] Production-ize and ship!
[ ] Switch to server-side auth: https://supabase.com/docs/guides/auth...
[ ] Login via Magic Link!
[ ] Forgotten password / password reset
[ ] Protected posts!
[ ] Next steps: ??? Profit?
— HAVE FUN —
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
— Highlighted software —
SvelteKit: https://kit.svelte.dev/
Supabase: https://supabase.com/
Stripe: https://stripe.com/
My own website: https://magrippis.com/
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 🙌