ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
2024 Supabase + Sveltekit Tutorial (0 to prod)
ฝัง
- เผยแพร่เมื่อ 14 ส.ค. 2024
- I've been using SvelteKit, Supabase, Tailwind, Vercel, and more to build my apps for a while now, so I finally wanted to put together a guide on how to set everything up from scratch.
FINAL REPO: github.com/Dav...
Real Life App Build with this Stack: insiderviz.com
what you need to have downloaded
bun: bun.sh/docs/in...
docker: docs.docker.co...
supabase cli: supabase.com/d...
timestamps
0:00 into
1:16 starting project & supabase
7:00 db setup
16:30 starting auth
21:50 sign in with github (THIS HAS ISSUES, WE WILL RETURN TO IT LATER)
24:50 styles
29:00 AUTH FIXES
34:26 profile logic
42:00 progressive enhancement example
49:00 sign out
50:00 deployment
Came here from the previous video where I requested a Svelte 5 tutorial. Ben really never disappoints! Much love!
THANK YOU! THANK YOU! THANK YOU! I have benn so sick of dev raving about ho easy Svelte 5/Supabase/Dizzle are to use and setup, NOT in my experience. It is so great to see new peopl giving such exceptional Svelte 5 tutorial. I know it is not released but Devs are generally impatient by nature and the new runes docs abs non-existent. Live coding is tough. I admire your courage
Thumbs up for not giving a shit, and providing a banger tutorial. Thanks!
I hate that videos like this don't do well on youtube, because this is EXACTLY the kind of content people need.
really though. this is the truth
I'm very close to finalizing my sveltekit website. You're youtube channel has been useful
Great tutorial, thank you for putting it out there! Also, thank you for leaving in the struggle, it makes me feel like I'm not alone.
Literally what I'm doing currently, Great stack 🙌
Hell yeah... that's what I'm just starting with now.
It’s awesome that you shared this. This is chaos… too many docs too many examples you have to go through to set it up. But it’s worth it for sure, this is an excellent stack for 90% of things you need to do. I recommend deno deploy as another api layer if you need
i had the option to click a 10 min video or this hour long video and once i realized you posted it i clicked this.
Been waiting on this one!!
Awesome Sauce
"I don't gives a shit, I use it for production" is wild and I luv it xD
Solid. Keep up the great work!
Exactly what I needed
this is going to be my go to stack and templates for hackthones! Thanks!
I love clicking through a video and it seems like everything I need. then sit down to follow it and it is in fact not what I need. Still gonna watch it for info that's useful, cause the delivery and all that is fire. But sad face emoji...
Great video!
thank you
Can you go into details why you mostly side-track the Supabase SDK? I get why people use an ORM to interact with a DB, but for me, all the features the SDK provides for absolutely free are a strong selling-point. How do you subscribe to DB updates, e.g.?
lets goo
Amazing video ❤. Been waiting for something like this ever since I started learning svelte. Please what font do you use for your vscode? Thanks 🙏
Giest vercel.com/font
goat
Well done mate! Great tut
How do I apply migrations to my local supabase db without deleting existing records?
Running supabase db reset deletes all records but applies the migration changes. How do I just apply the migration changes?
Found "supabase migration up" did what I want but only works from my terminal with supabase CLI. Would be nice to use the script provided by Drizzle
Thanks!
Great video Ben!
What Terminal you are using? And do you have some extra extension for intellisense in terminal?
Warp, I use zsh which has auto-complete and warp has a co-piolt style auto-complete
@@bmdavis419 Thanks Ben! All the best.
Whilst you may bounce on email auth, most people actually bounce on non-email auth.
Thats honestly interesting to hear, most people I talk to are the opposite, but I'll keep that in mind for the future!
Besides auth do you use supabase client for queries and mutations or drizzle client?
nah I never use the supabase client for anything but auth/storage. I find its best to (as I did here) just block it off VIA RLS
@@bmdavis419 ok I see, drizzle client exposes the env variable, so you can use it only on the server. Supabase client can be used on the client side, so if I am using Svelte alone (i.e for desktop/mobile app) I still have to use Supabase.
@@bmdavis419 ok I see, drizzle client exposes env variable, so it can only be used on the server side. Supabase client can be used on the client. So when using svelte alone (i.e for desktop/mobile app) I have to stick with Supabase and drizzle only for migrations.
Very interesting video. What are the advantages of running supabase locally?
offline development, lower latency, don't eat into your usage limits
More please
29:10 when I try to click login button 10 or 20 times I can able to see auth/login page and don't know the reason 😂 Is that bug or something?
Thoughts on pocketbase
Supabase free tier > pocketbase IMO
Please ben can you do same thing using Pockethost or Pocketbase which are free. I needed something for my startup
u could do pocketbase, but idk I would personally just use supabase, the free tier will take u about as far as pocketbase will and its not gonna cause problems in the long run like pocketbase will
@@bmdavis419 how do you mean cause problems? i am using pockethost which is already hosted online and is totally free for now
why is better svelte that nextjs?
@bmdavis419 - I really enjoy watching your progression over the years. You always have interesting things to share.
can you do a next.js version of this?
localhost and 127.0.0.1 is the same thing.
True, its just one of those things where I never trust that they point to the same thing so I always make sure that I use all of one
Irrational I know, but its just how I do things lmao
@@bmdavis419 no I get it, makes sense
This should be named : Auth Setup - Supabase using Svelte
I also go over the DB, CRUD, and deployment, auth just takes the most to setup
Even still, best prod Svelte app tutorial on YT.
Thank you for the great videos! However, please stop the incesant upward inflection in your speech pattern. I don't mean to be rude, but it's painful.