Svelte 5 is Bigger Than You Think
9:35
2024 Full Stack AI Tutorial
52:48
14 күн бұрын
AI SDK 3.1 First Impressions
24:12
React Kinda Peaked in 2022...
8:12
Mobile App Development is Hard
16:29
The New NextJS Surprised Me...
7:09
How I Build More Projects
9:23
2 ай бұрын
Insane New way to Make Apps...
6:56
I Can't Stop Thinking About AI...
18:38
Picking a Database is Hard...
17:43
Astro DB Surprised Me...
8:17
3 ай бұрын
From Design to SQL
15:27
3 ай бұрын
Making Images and SEO Easy
7:50
3 ай бұрын
SvelteKit Auth in 15 Minutes
14:10
They're Making Supabase Better...
7:31
NextJS VS SvelteKit in 2024...
15:51
Пікірлер
@dearoren
@dearoren 52 минут бұрын
I was a strategy consultant turned d3+frontend and now making my own app. Naturally gravitating towards Sveltekit now and your stuff is great. I would be keen on an API & moving things server side tutorial. I am struggling with mixing environments while iterating/interacting with the API, so interested in your approach.
@HunterBBQ
@HunterBBQ Сағат бұрын
Very good sharing
@friendly__drone9352
@friendly__drone9352 Сағат бұрын
Great video! Insiderviz sounds really cool! I think there are some unofficial ETF's shown on Wallstreetbets that tracks the Senate people like Pelosi etc. That could be a fun thing to add down the line to see how it's doing compared to the NASDAQ or SP500. Sounds like SST could be worth looking at for a PoC if you want to get AWS running quickly
@paulclarke4099
@paulclarke4099 Сағат бұрын
Great video, thanks. Can you please do a video covering the correct use of state in multi user Svelte5/SvelteKit application. What is the best/correct way to ensure state is independent for each unique user especially when user data is being retrieved and written to via server side functions. As far as I can understand Svelte stores should not be used in a SvelteKit application as different users data may be intermixed so you need to use the Context API in this case. Preferably please explain how you would implement this using the Svelte 5 $state() rune instead of stores since that will be the new standard going forward in place of stores 👍
@bsagar5306
@bsagar5306 Сағат бұрын
What is the use of custom search with python in forms service
@bmdavis419
@bmdavis419 Сағат бұрын
we're fine tuning a model over our dataset to make it more usable
@ethansempa7501
@ethansempa7501 Сағат бұрын
How much does this cost to put all together?
@bmdavis419
@bmdavis419 Сағат бұрын
$20 for vercel, then everything else can run for free (with the obvious serverless spike if we take off)
@__-se3tf
@__-se3tf 2 сағат бұрын
Why did you move from next-auth to supabase? (i haven't really messed around with supabase much but i've heard good things)
@bmdavis419
@bmdavis419 Сағат бұрын
In my experience its just way cleaner and nicer to use (especially with oauth), and I can use it across different platforms
@__-se3tf
@__-se3tf Сағат бұрын
@@bmdavis419 gotcha. I'm still not sure if it's worth the added complexity (reconfiguration since next-auth works out the gate with create-t3) and cost (subapase pro for more than 2 projects) for my 0 user projects 😂
@saurabh9446
@saurabh9446 2 сағат бұрын
Any plans to make it open source?
@bmdavis419
@bmdavis419 2 сағат бұрын
maybe pieces of it in the future, but not for a bit at least
@FirstArtChannel
@FirstArtChannel 2 сағат бұрын
What is the benefit of having a separate MySQL db on AWS, while the GO lambda functions can also put data into the supabase db?
@bmdavis419
@bmdavis419 2 сағат бұрын
the supabase DB holds users, the mysql holds the forms they are very different datasets so we wanted to split them up so that they would not interfere with eachother
@havokgames8297
@havokgames8297 43 минут бұрын
@@bmdavis419not a bad call, but you could have multiple supabase databases in the same provider - or use Postgres schemas to separate the logical data table sets. You can configure database users to only see what tables they need to function.
@FirstArtChannel
@FirstArtChannel 2 сағат бұрын
Debating whether to use Next.js or Sveltekit myself right now for a SaaS. Love the intuitive approach of Sveltekit, but also understand that if I ever want to expand the engineering team - Next.js might be the approach. Question there is, what are the negative effects of Sveltekit not using a Virtual DOM? What are the limitations?
@bmdavis419
@bmdavis419 2 сағат бұрын
No limitations, actually it results in much better performance (compiler, even react is moving to this) As far as teams go, any good nextjs dev could easily pick up sveltekit in a week, it is SO much simpler/easier
@hubcio2115
@hubcio2115 2 сағат бұрын
While I'm using both, the difference between SvelteKit with Svelte 5 and Nextjs 14 App dir are purely cosmetic. It boils down to what syntax you like more. I mostly use Next since Svelte has some big pain points for me: - you can't declare multiple components in one file - svelte stores are based on an Observer pattern, which feels too much like rxjs, and yeah without VDOM idk how would you make this differently - don't know if SvelteKit has an equivalent of RSCs One thing is if you're using vanillaJS libraries I'd recommend you using Svelte. Since React and VanillaJS don't mix well you have to write your own wrapper on the library if it doesn't exist. With svelte you can use plain old JS. Other than that the functionality and what you can do with them are very much the same.
@__-se3tf
@__-se3tf Сағат бұрын
@@hubcio2115 i believe Svelte 5 "snippets" solve the pain point of multiple components in one file
@tomino133
@tomino133 2 сағат бұрын
Architecture (and the whole point of this video aside I guess) - major props for actually building this thing at such a young age. There is a lot of people on KZbin making reaction/hot take videos but you're actually making stuff happen. Good luck with the project!
@kelvindecosta5350
@kelvindecosta5350 3 сағат бұрын
Very insightful!
@samcalder6946
@samcalder6946 3 сағат бұрын
Backend-For-Frontend (BFF) pattern
@JohnAffolter
@JohnAffolter 3 сағат бұрын
Show some examples of connecting to other types of databases and try drag and drop into the chat sandbox :-+)
@tithos
@tithos 13 сағат бұрын
More please
@tithos
@tithos 13 сағат бұрын
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
@GameBully2K
@GameBully2K Күн бұрын
I'll try to use it with elysiajs bring me back here to tell how did it go!
@yujunchen9595
@yujunchen9595 Күн бұрын
fantastic
@the_tanktb977
@the_tanktb977 2 күн бұрын
net/http w no orm. add a mux and sql driver. happy hacking!
@mdfalexis
@mdfalexis 2 күн бұрын
Nice tutorial as always ! Does anyone has a solution for the "supabase.auth.getSession() is potentially insecure" log spam ?
@ryoppippi2258
@ryoppippi2258 2 күн бұрын
I stopped using tRPC for a while. I use SvelteKit + Hono RPC. Pretty Nice!
@karolus__
@karolus__ 2 күн бұрын
Besides auth do you use supabase client for queries and mutations or drizzle client?
@bmdavis419
@bmdavis419 2 күн бұрын
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
@karolus__
@karolus__ 2 күн бұрын
@@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.
@karolus__
@karolus__ 2 күн бұрын
@@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.
@HariPrasad-mn5vu
@HariPrasad-mn5vu 2 күн бұрын
Finally i found someone who keps that annoying sidebar on the left :-). Btw what theme are you using??
@bmdavis419
@bmdavis419 2 күн бұрын
Github Dark
@paulcalebayibaemiotokolo
@paulcalebayibaemiotokolo 3 күн бұрын
this was a really nice video...seriously
@nested9301
@nested9301 3 күн бұрын
Prisma is not. Open source it's a paid tool
@bmdavis419
@bmdavis419 3 күн бұрын
the ORM is open source, but they have a bunch of paid additions on top of it
@acharafranklyn5167
@acharafranklyn5167 4 күн бұрын
Please ben can you do same thing using Pockethost or Pocketbase which are free. I needed something for my startup
@bmdavis419
@bmdavis419 3 күн бұрын
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
@acharafranklyn5167
@acharafranklyn5167 3 күн бұрын
@@bmdavis419 how do you mean cause problems? i am using pockethost which is already hosted online and is totally free for now
@DerClaudius
@DerClaudius 4 күн бұрын
Hell yeah... that's what I'm just starting with now.
@8bitWatermelon
@8bitWatermelon 4 күн бұрын
Amazing video ❤. Been waiting for something like this ever since I started learning svelte. Please what font do you use for your vscode? Thanks 🙏
@bmdavis419
@bmdavis419 3 күн бұрын
Giest vercel.com/font
@marwenounis9823
@marwenounis9823 4 күн бұрын
Literally what I'm doing currently, Great stack 🙌
@prashlovessamosa
@prashlovessamosa 4 күн бұрын
Thoughts on pocketbase
@bmdavis419
@bmdavis419 3 күн бұрын
Supabase free tier > pocketbase IMO
@Huntabyte
@Huntabyte 4 күн бұрын
Great video!
@Huntabyte
@Huntabyte 4 күн бұрын
Add `style="color-scheme: dark"` to the `<html>` tag of your InsiderViz site to make the scrollbars match the UI 😃
@SamirElias-ru1td
@SamirElias-ru1td 4 күн бұрын
why is better svelte that nextjs?
@0lange
@0lange 4 күн бұрын
this is going to be my go to stack and templates for hackthones! Thanks!
@r-i-ch
@r-i-ch 4 күн бұрын
Been waiting on this one!! Awesome Sauce
@AdrianRosarioPR
@AdrianRosarioPR 4 күн бұрын
Exactly what I needed
@pstnorge
@pstnorge 4 күн бұрын
Thumbs up for not giving a shit, and providing a banger tutorial. Thanks!
@pixel7038
@pixel7038 4 күн бұрын
I'm very close to finalizing my sveltekit website. You're youtube channel has been useful
@DoctorPitulic
@DoctorPitulic 4 күн бұрын
Great video Ben! What Terminal you are using? And do you have some extra extension for intellisense in terminal?
@bmdavis419
@bmdavis419 4 күн бұрын
Warp, I use zsh which has auto-complete and warp has a co-piolt style auto-complete
@DoctorPitulic
@DoctorPitulic 4 күн бұрын
@@bmdavis419 Thanks Ben! All the best.
@arnavshukla2408
@arnavshukla2408 4 күн бұрын
Came here from the previous video where I requested a Svelte 5 tutorial. Ben really never disappoints! Much love!
@BhideSvelte
@BhideSvelte 4 күн бұрын
This should be named : Auth Setup - Supabase using Svelte
@bmdavis419
@bmdavis419 4 күн бұрын
I also go over the DB, CRUD, and deployment, auth just takes the most to setup
@r-i-ch
@r-i-ch 4 күн бұрын
Even still, best prod Svelte app tutorial on YT.
@kruxdt6307
@kruxdt6307 4 күн бұрын
goat
@nevillebrem
@nevillebrem 4 күн бұрын
lets goo
@meka4996
@meka4996 5 күн бұрын
Amazing! I am SOLD!
@arnavshukla2408
@arnavshukla2408 5 күн бұрын
I'd love for you to do a Svelte 5 Tutorial. I'm really enjoying your videos, keep it up!
@bmdavis419
@bmdavis419 4 күн бұрын
just uploaded my svelte 5 + supabase video!
@Nevax_
@Nevax_ 6 күн бұрын
Thank you for sharing your thoughts on these two technologies. I don't entirely agree with all the points made in this video: - Prisma is significantly slower than other ORMs, and handling CTEs in PostgreSQL can be challenging. - You can run concurrent database calls in JavaScript. - Serverless architecture isn't cost-effective at scale and can lead to issues like opening new too many connections to the database or other external services due of the stateless nature. - Gorm can be more intuitive when using the Gorm code generator. - In terms of testing, the JavaScript ecosystem is behind. - JavaScript projects require much more maintenance and upgrades compared to Go projects. - The JS/TS build system is slow. - Mixing CJS, ESM, and other module types and dependencies can be problematic. - It's easy to misuse/lies types in TypeScript since they are declarative. - Go's simplicity and explicitness often lead to more maintainable and readable code compared to JavaScript. - Go binaries are self-contained, lightweight and easier to deploy, unlike JavaScript projects that rely on numerous dependencies, even at runtime - The JavaScript ecosystem evolves rapidly, making it hard to keep up with the latest best practices and tools. - Go's standard library is more comprehensive, more feature and reliable than JavaScript's. - More subjective: Error handling in Go is more explicit and manageable compared to JavaScript's throw/catch mechanism.
@maduk22
@maduk22 7 күн бұрын
Would appreciate if you make a detailed video about deploying web apps !
@kennedysithole5316
@kennedysithole5316 7 күн бұрын
Awesome, ❤. I look forward to other stuff like this. If possible, please provide the source code😅
@mikelCold
@mikelCold 8 күн бұрын
I knew nothing about Svelte before watching this, and while you've explained things well, I've concluded that Svelte is in fact garbage. I assume as such, now it's confirmed. Svelte geeks are like the ruby geeks of the php days. Nerds need to learn to type with their keyboard and stop coming up with awful ways of programming.
@MetalGuruSvk
@MetalGuruSvk 7 күн бұрын
Would you care to provide at least one reasonable argument why you think it is "garbage"?
@pepperparkffm
@pepperparkffm 8 күн бұрын
Tell GPT "teach me Golang" and you are ready to go.