Subscriptions with Stripe, Drizzle, Auth.js & SvelteKit 💸 Johnnify SaaS 🔴 LIVE Coding & Chill
Let’s get our biggest subscription product LIVE!
Hot on the trail of our 10xify SaaS project, where we used Supabase for our storage and auth, for this project we’re switching to Drizzle with SQLite & Turso, & Auth.js!
We’re still using Stripe to handle payments, and Tailwind for styling, but I’ve also added DaisyUI to Tailwind... so people have an easier reference to a variety of components, without needing to know my conventions 😉
Besides going over the changes and reasonings, today we’ll handle some Stripe webhooks, implement Stripe Checkout & Stripe Customer Portal, and automate our Github integration, so anyone with an active Johnnify Premium will be able to see all our private code 🙌
🚀 Click around the app yourself: https://johnnify.com/
💻 See the code (private repo 😱): https://github.com/johnnify & https://github.com/johnnify/monorepo
If everything goes to plan, you'll be able to go through our checkout flow and see this repo AND MORE, so long as you have an active subscription 😘
— COMMUNITY —
Our DISCORD SERVER 👾: / discord
— 🥳🥳🥳 —
— Agenda —
[ ] What are we doing today? What’s Johnnify? Why the different stack?
[ ] Auth.js for SvelteKit overview: https://authjs.dev/reference/sveltekit
[ ] Drizzle with SQLite overview: https://orm.drizzle.team/docs/get-sta...
[ ] Stripe webhooks overview!
[ ] Let’s create a single product, with monthly and yearly plans!
[ ] UI to show our product, with a monthly / yearly toggle! https://daisyui.com/components/toggle/
[ ] Low-code recurring payments with Stripe! https://stripe.com/docs/billing/subsc...
[ ] Derive whethere the user has PREMIUM & show relevant UI!
[ ] Subscription management with the Stripe Customer Portal: https://stripe.com/docs/recurring-pay...
— BONUS —
[ ] Auto-invite users to the Johnnify Github organisation: https://docs.github.com/en/rest/orgs/...
[ ] Only do it if they aren’t members already! https://docs.github.com/en/rest/orgs/...
[ ] Remove users from the Github org: https://docs.github.com/en/rest/orgs/...
[ ] Setting up a cloud SQLite with Turso: https://docs.turso.tech/quickstart
[ ] Schemas vs. migrations
— HAVE FUN —
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
— Highlighted software —
SvelteKit: https://kit.svelte.dev/
Stripe: https://stripe.com/
Drizzle: https://orm.drizzle.team/
Auth.js: https://authjs.dev/reference/sveltekit
TailwindCSS: https://tailwindcss.com/
DaisyUI: https://daisyui.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 83!