Supabase & Sveltekit - Build Twitter in 75 minutes
Let's build Qwitter! 🐦
You're gonna learn about magic links, databases, row level security, storage and.. svelte cubed!
NOTE: I am not a Supabase expert so if you see any issues with what I'm doing please leave a comment!!!
REPO: https://github.com/sveltemaster/qwitter
https://supabase.com/
https://kit.svelte.dev/
https://daisyui.com/
https://svelte-cubed.vercel.app/
How to implement reactivity for this:
https://www.youtube.com/watch?v=7_9rUtwM-q0
Timestamps
0:00 Intro
1:38 Getting started
1:48 Setup Sveltekit
2:53 Add Tailwind & DaisyUI
4:27 Setup Supabase
6:28 Some random things (turn off email, daisyUI theme, Error.svelte, __layout.svelte
8:48 Setup login page
18:16 - Create Post (Supabase setup)
24:06 - Svelte Code for Create Post
34:40 - Post.svelte (likes and comments table)
39:21 - Svelte Code for Post.svelte
42:33 - How to get posts?
50:15 - Back to Svelte Code for Post.svelte
54:00 Setup RLS for likes and comments
56:20 - Comments Svelte Code
1:00:32 - Turn off SSR
1:01:19 - SKIP: Fail to debug comments code
1:01:51 - Logout functionality
1:03:48 - Images
1:12:03 - Debug comments code
1:13:20 - Svelte Cubed
Видео Supabase & Sveltekit - Build Twitter in 75 minutes канала Svelte Mastery
You're gonna learn about magic links, databases, row level security, storage and.. svelte cubed!
NOTE: I am not a Supabase expert so if you see any issues with what I'm doing please leave a comment!!!
REPO: https://github.com/sveltemaster/qwitter
https://supabase.com/
https://kit.svelte.dev/
https://daisyui.com/
https://svelte-cubed.vercel.app/
How to implement reactivity for this:
https://www.youtube.com/watch?v=7_9rUtwM-q0
Timestamps
0:00 Intro
1:38 Getting started
1:48 Setup Sveltekit
2:53 Add Tailwind & DaisyUI
4:27 Setup Supabase
6:28 Some random things (turn off email, daisyUI theme, Error.svelte, __layout.svelte
8:48 Setup login page
18:16 - Create Post (Supabase setup)
24:06 - Svelte Code for Create Post
34:40 - Post.svelte (likes and comments table)
39:21 - Svelte Code for Post.svelte
42:33 - How to get posts?
50:15 - Back to Svelte Code for Post.svelte
54:00 Setup RLS for likes and comments
56:20 - Comments Svelte Code
1:00:32 - Turn off SSR
1:01:19 - SKIP: Fail to debug comments code
1:01:51 - Logout functionality
1:03:48 - Images
1:12:03 - Debug comments code
1:13:20 - Svelte Cubed
Видео Supabase & Sveltekit - Build Twitter in 75 minutes канала Svelte Mastery
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Supabase keys in SveltekitSupabase - Public anon vs. Service KeyIntro to Sveltekit RoutingDivs on a Circle! (Sine and cosine functions.)Supabase & Sveltekit - Realtime BlogSveltekit - Endpoint Params [OUTDATED]Sveltekit - Page Params [OUTDATED]Intro to Astro + SvelteIntro to Load Function (+ Server/Client Router) [OUTDATED]Supabase & Sveltekit - Auth w/ Cookies 🍪 (Part 3.5) [OUTDATED]TailwindCSS - Custom Colors and GradientsSupabase & Sveltekit - Auth (Part 3) [OUTDATED]Supabase & Sveltekit - Read/Write (Part 2)Supabase & Sveltekit - Setup (Part 1) [OUTDATED]Svelte - Async ComponentSvelte Fragment for named slotsMarkdown + Svelte = MDsveXSvelte AddersSveltekit - Adapters [OUTDATED]Svelte + Vite + TailwindCSS = 🌸🌸🌸