Uploaded December 2022 | Updated September 2026, 2 weeks 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 OAuth / social login to Discord, Google, and Github.
📁 Final Code
github.com/huntabyte/sk-supabase-oauth
💽 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 - Initial Setup & Login with Github
06:28 - Login with Discord
09:40 - Login with Google
13:05 - 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
- Supabase Social Auth
- Supabase OAuth
- What is OAuth?
- Supabase Discord Login
- Supabase Github Login
- Supabase Google Login
- Supabase Login with Google
__________________________________________
(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 OAuth / social login to Discord, Google, and Github.
📁 Final Code
github.com/huntabyte/sk-supabase-oauth
💽 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 - Initial Setup & Login with Github
06:28 - Login with Discord
09:40 - Login with Google
13:05 - 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
- Supabase Social Auth
- Supabase OAuth
- What is OAuth?
- Supabase Discord Login
- Supabase Github Login
- Supabase Google Login
- Supabase Login with Google
__________________________________________
(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!)
