Stripe Checkout & Customer Portal with SvelteKit 🤑 2024 SaaS app Part 6 🔴 LIVE Coding & Chill
Let’s take real payments by introducing a Stripe checkout flow, so our users can be upsold to the Pro & Ultra versions of our app… and unlock more value, of course 🚀
This is part 6 of our “let’s build a SaaS!” 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
[ ] Our webhook handles a new customer being created!
[ ] Our webhook handles a subscription being created or updated!
[ ] Creating a Stripe Checkout session with SvelteKit Form Actions! https://stripe.com/docs/billing/subsc...
[ ] Implementing a “success” page!
[ ] 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...
[ ] Webhook handlers and migrations to handle customers and their subscriptions!
[ ] Sending our users to the Stripe Customer Portal, with SvelteKit Form Actions: https://stripe.com/docs/billing/subsc...
— BONUS —
[ ] More indicators & badges for Pro / UItra users!
[ ] Optimisation: Store product images in Supabase! https://supabase.com/docs/reference/j...
[ ] OAuth: Login with GitHub
— FUTURE —
[ ] E2E with Playwright & testing methodologies
[ ] A Uniquer Unique Selling Point with… OpenAI?!
[ ] Admin super access and real-world fine-tuning
[ ] Automating migrations & CI/CD tips
[ ] Standalone purchases with Stripe
[ ] 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 80!