LIVE Coding & Chill: 🔐 SvelteKit AUTH with SUPABASE & Magic 🪄

Опубликовано: 01 Январь 1970
на канале: Johnny Magrippis
840
27

Almost every app needs auth, and the way Supabase has been generating hype, it’s sensible to investigate its way of handling auth as a legit solution you can take to production! Let’s see if we can figure out how to do it with SvelteKit SSR!

🔐 SvelteKit SSR Auth with Firebase & Magic Links 🪄 is one of my most popular videos:

   • Fullstack SvelteKit Auth 🔐 with Fireb...  

... and definitely the one I’ve spent THE most time making. I did research Supabase as an option back then, but they’ve added a couple things since… I ran a poll on what to livestream, and giving it another go now won, so we're going for it! This is gonna be a long stream... 😄

Likely agenda:

✅ Client-side vs. Server-side auth?
✅ Supabase vs. other solutions?
✅ Creating a sign-up / sign-in form
✅ Making it work client-side
🤷 Make it work server-side (see below:)
✅ Cookie-based auth
✅ SSR querying our DB with credentials
❌ Server-side-only / no-JS auth flow
✅ Usage with Row Level Security?
✅ BONUS: Let’s favourite some ideas!

I'd say we got "half checkmarks" on most of these, as the functionality is there, but not the UX I'd want from a production up! I don't think there's a lot of cleaning-up left tho! Will commit and deploy the results from our work within the week 😄

Click around yourself: https://techy.cat
See the code we started with: https://github.com/jmagrippis/techy-cat

— Useful links —
https://supabase.com/docs/reference/j...
https://supabase.com/docs/learn/auth-...

— Highlighted software —
SvelteKit: [https://kit.svelte.dev/](https://kit.svelte.dev/)
Supabase: [https://supabase.com/](https://supabase.com/)

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

My own website: https://magrippis.com/

Search for `@jmagrippis` to find me on socials like Discord, Instagram & Twitter!

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