Uploaded December 2022 | Updated September 2026, 1 week ago
If you find my content useful and want to support the channel, consider contributing a coffee ☕: 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
github.com/huntabyte/sk-supabase-auth
📁 Final Code
github.com/huntabyte/sk-supabase-auth/tree/final-code
💽 Check out my other SvelteKit Videos!
youtube.com/playlist?list=PLq30BP0TIcqXP149TyFMfRhnMT6T5--e5
📚 Resources Mentioned In This Video:
SvelteKit: https://kit.svelte.dev
Supabase: supabase.com
🚀 Become a channel member: hbyt.us/join
💬 Discord: hbyt.us/discord
🐦 Twitter: hbyt.us/twitter
🖥️ Setup Stuff: 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!)
If you find my content useful and want to support the channel, consider contributing a coffee ☕: 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
github.com/huntabyte/sk-supabase-auth
📁 Final Code
github.com/huntabyte/sk-supabase-auth/tree/final-code
💽 Check out my other SvelteKit Videos!
youtube.com/playlist?list=PLq30BP0TIcqXP149TyFMfRhnMT6T5--e5
📚 Resources Mentioned In This Video:
SvelteKit: https://kit.svelte.dev
Supabase: supabase.com
🚀 Become a channel member: hbyt.us/join
💬 Discord: hbyt.us/discord
🐦 Twitter: hbyt.us/twitter
🖥️ Setup Stuff: 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!)
