SvelteKit Authentication with Supabase

If you find my content useful and want to support the channel, consider contributing a coffee ☕: https://hbyt.us/coffee SvelteKit is a framework for building modern, high-performance, browser-based applications. It was developed by the team behind the popular Svelte framework and is powered by Svelte. Unlike other JavaScript frameworks, it doesn't use a virtual DOM or deliver a bloated and slow application. Supabase is an open-source Firebase alternative that makes it easy to stand up a backend with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage. In this SvelteKit tutorial, I demonstrate how to integrate your SvelteKit application with Supabase to enable user authentication. ⭐ Starting Code https://github.com/huntabyte/sk-supabase-auth 📁 Final Code https://github.com/huntabyte/sk-supabase-auth/tree/final-code 💽 Check out my other SvelteKit Videos! https://youtube.com/playlist?list=PLq30BP0TIcqXP149TyFMfRhnMT6T5--e5 📚 Resources Mentioned In This Video: SvelteKit: https://kit.svelte.dev Supabase: https://supabase.com 🚀 Become a channel member: https://hbyt.us/join 💬 Discord: https://hbyt.us/discord 🐦 Twitter: https://hbyt.us/twitter 🖥️ Setup Stuff: https://hbyt.us/gear 🔖 Chapters: 00:00 - Project Setup 1:45 - Create Supabase Client 3:05 - onAuthStateChange Subscription 4:20 - getServerSession 5:15 - handle Hook 8:00 - Registration 14:20 - Logout 16:05 - Login 18:14 - Progressive Enhancement 📃 Topics Covered: - How to add authentication to SvelteKit - SvelteKit & Supabase - Supabase Server Side Rendering (SSR) - Supabase Auth Helpers - What is Supabase? - What is SvelteKit? - How to use Supabase with SvelteKit __________________________________________ (Affiliate links may be included in this description. If you choose to purchase a product from one of those links, I may receive a small commission at no cost to you. Thank you for supporting the channel!)