Subscription Products & Prices, with Stripe & SvelteKit 🤑 2024 SaaS app Part 5 🔴 LIVE Coding & Chill
Let’s handle some webhooks and introduce a Stripe checkout flow, so our users can be upsold to the Premium version of our app!
This is part 5 of a fresh series where we go from ZERO to a legit, modern, *SaaS* app: by the time we’re done we’ll be taking recurring payments, offering discounts and upsells… all the while offering a real product & value! As always, I do my best to keep my content practical and “real-world” 😄
I do have a “curriculum” in mind, but do let me know what you’d like me to cover, as we build this further!
🚀 Click around the app yourself: https://10xify.dev/
💻 See the code (private repo 😱): https://github.com/johnnify & https://github.com/johnnify/saas
📺 Playlist with all the parts: • SvelteKit Auth with Supabase, Magic Links ...
— COMMUNITY —
Our DISCORD SERVER 👾: / discord
— 🥳🥳🥳 —
— Agenda —
✅ What are we doing today? SaaS app? “What we’ve got” recap & “what we’ll add” overview
✅ DB Schema alterations and migrations to handle Stripe data!
✅ Creating an admin Supabase Client that can do ANYTHING: https://supabase.com/docs/reference/j...
✅ Our webhook handles a product being created or updated! https://stripe.com/docs/api/products/...
✅ Our webhook handles a product being deleted!
✅ Our webhook handles prices being created, updated or deleted! https://stripe.com/docs/api/prices/ob...
✅ Let’s create a single product, with monthly and yearly plans!
✅ UI to show our product, with a monthly / yearly toggle!
✅ Nicer toggle / switch with MeltUI: https://melt-ui.com/docs/builders/switch
[ ] Our webhook handles a new customer being created!
[ ] Our webhook handles a subscription being created or updated!
[ ] Low-code recurring payments with Stripe! https://stripe.com/docs/billing/subsc...
[ ] Derive the user’s “tier” & allow premium features based on their subscription!
[ ] Subscription management with the Stripe Customer Portal: https://stripe.com/docs/recurring-pay...
— BONUS —
[ ] OAuth: Login with GitHub
— FUTURE —
[ ] E2E with Playwright & testing methodologies
[ ] Standalone purchases with Stripe
[ ] A Uniquer Unique Selling Point with… OpenAI?!
[ ] Admin super access and real-world fine-tuning
[ ] Automating migrations & CI/CD tips
[ ] Internationalisation / Localisation! i18n / l10n
[ ] Trials, one-click purchases & UX optimisations
— 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/
TailwindCSS: https://tailwindcss.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 🙌
Stream number 79!