qwik is the most underrated framework!
14:08
svelte now has magic
7:38
Ай бұрын
do this before deploying to vercel
11:56
i didn't know these svelte tips
18:56
the future of web dev and ai
13:51
arc made me ditch chrome
12:08
3 ай бұрын
astro now has a database!
8:21
3 ай бұрын
web development is not expensive
5:29
i love astro (rip sveltekit?)
7:01
you gotta try this design trend
9:40
how i became a better programmer
6:38
a simple todo app with sveltekit
13:54
Пікірлер
@soberstudy160
@soberstudy160 2 күн бұрын
Nice video, helped me a lot understanding how to use it with sveltekit... One question, what would be the best place to put the user and or session in a sveltekit store?
@nevillebrem
@nevillebrem Күн бұрын
thanks for the feedback! i think it is not really necessary to put the user in a store since you can always access him with the locals variable in a load function or endpoint
@mcgruff0972
@mcgruff0972 2 күн бұрын
Great video looks like test user got added as an admin though
@nevillebrem
@nevillebrem 2 күн бұрын
thanks!
@imalkesara4466
@imalkesara4466 5 күн бұрын
nice one can u recommended me some channels to follow svelte or courses ?
@nnadivictory917
@nnadivictory917 6 күн бұрын
Bro please be zooming in . We on mobile hardly see the code 🙏🏽. Nice tutorial BTW
@nevillebrem
@nevillebrem 5 күн бұрын
i'll do, sorry... if you're on the app you can zoom in but I'll do next time
@henoknigatu7121
@henoknigatu7121 10 күн бұрын
Cool 👍
@nevillebrem
@nevillebrem 10 күн бұрын
thanks!
@jooonmantv
@jooonmantv 10 күн бұрын
amazing i've watched your videos and this is so cool thanks bro keep going 👍
@nevillebrem
@nevillebrem 10 күн бұрын
thanks!!
@nevillebrem
@nevillebrem 11 күн бұрын
Since I was a bit confused as to what the `$bindable` rune is, here is a quick explanation from @jackzugna5830: "By default props are treated as readonly, meaning reassignments will not propagate upwards and mutations will result in a warning at runtime in development mode. You will also get a runtime error when trying to bind: to a readonly prop in a parent component. To declare props as bindable, use $bindable()." This means that if you have a component with a bidirectional props you must declare it as "bindable". For example: Html have <input value="5">, in this case 'value' is bidirectional but every Svelte component's props is readonly, your data flow only inside the child component and can't return to the parent.
@henoknigatu7121
@henoknigatu7121 11 күн бұрын
I love your topics 👍
@nevillebrem
@nevillebrem 11 күн бұрын
thank you!
@imagineabout4153
@imagineabout4153 15 күн бұрын
Very nice brother, just as a tip, increase the font size and browser zoom
@nevillebrem
@nevillebrem 15 күн бұрын
i'll do! thanks for the feedback
@alexanderleschanz9991
@alexanderleschanz9991 15 күн бұрын
The output of the twMerge() function is always the same string, so it's VERY inefficient to run it, every time time the page reloads.
@yanko694
@yanko694 17 күн бұрын
can you zoom out further so we can't see anything ;p
@nevillebrem
@nevillebrem 17 күн бұрын
what do you mean?
@geanpaul2466
@geanpaul2466 20 күн бұрын
Brow your content is great keep on! Cheers from Brazil 😀
@nevillebrem
@nevillebrem 20 күн бұрын
love to hear that
@RodgeMacalalag
@RodgeMacalalag 23 күн бұрын
can you make a video on how to make this? im new from the database stuffs just need some guide :>
@nevillebrem
@nevillebrem 22 күн бұрын
i have a drizzle setup tutorial (look at my playlists, but the drizzle-kit api version was updated a bit, keep that in mind). from there you can just build the rest yourself. i'd recommend that because so you're directly applying what you've learned
@nevillebrem
@nevillebrem 20 күн бұрын
kzfaq.info/sun/PL5UWMWt_Ej-BjDKr2akMhZ4AXtMFeUMUm here is the link.
@AlexAstall
@AlexAstall 23 күн бұрын
You can use class:text-red-500={error} to conditionally apply the red font if error is true. I find this cleaner and easier to follow. Hope this helps 👍
@user-ko9cb7qy5s
@user-ko9cb7qy5s 24 күн бұрын
There is a way to enhance images with url coming from API response? or only local images? Nice video btw
@nevillebrem
@nevillebrem 23 күн бұрын
thanks for the feedback! i am not sure, sorry...
@henoknigatu7121
@henoknigatu7121 24 күн бұрын
what is the best or recommended way to use mongodb with sveltekit...can i use mongoose?
@nevillebrem
@nevillebrem 23 күн бұрын
i don't know.. never used mongodb
@ubermatchvlaad532
@ubermatchvlaad532 24 күн бұрын
Hi love your content, keep it up
@nevillebrem
@nevillebrem 24 күн бұрын
thanks, i'll try!
@kozmikhero6749
@kozmikhero6749 29 күн бұрын
I learned Svelte 4 between November-March before not touching a code editor again for 3 months. Coming back I think I really like the changes Svelte 5 has. I never liked the export let syntax and the "$" confused me somewhat. This looks a lot more straightforward
@nevillebrem
@nevillebrem 29 күн бұрын
got kinda used to the old syntax, but the new runes definitley make it more clear
@francoisbouchet9907
@francoisbouchet9907 Ай бұрын
great explanations!! maybe I would need some explanation on the "bindable" rune... with a better example than the one in the docs because I'm getting confused by it ^^
@nevillebrem
@nevillebrem Ай бұрын
frankly i didn't understand it too. haha thats why i didn't cover it
@francoisbouchet9907
@francoisbouchet9907 Ай бұрын
@@nevillebrem 😂
@jackzugna5830
@jackzugna5830 17 күн бұрын
It is symple: "By default props are treated as readonly, meaning reassignments will not propagate upwards and mutations will result in a warning at runtime in development mode. You will also get a runtime error when trying to bind: to a readonly prop in a parent component. To declare props as bindable, use $bindable()." This means that if you have a component with a bidirectional props you must declare it as "bindable". For example: Html have <input value="5">, in this case 'value' is bidirectional but every Svelte component's props is readonly, your data flow only inside the child component and can't return to the parent.
@MetaverseBDFL
@MetaverseBDFL Ай бұрын
Молодец пацан!
@nevillebrem
@nevillebrem Ай бұрын
thank you
@noname_160
@noname_160 Ай бұрын
About the first one: it wont work if js is disabled in browser
@nevillebrem
@nevillebrem Ай бұрын
a pitty but makes sense ig
@HaitiOutlook
@HaitiOutlook Ай бұрын
Definitely clear, thanks, Nev.
@nevillebrem
@nevillebrem Ай бұрын
good to hear
@anksvans
@anksvans Ай бұрын
Thanks for the content! As a new amateur SvelteKit user I greatly appreciate it!
@supercurioTube
@supercurioTube Ай бұрын
That was clear and simple, thanks for that!
@nevillebrem
@nevillebrem Ай бұрын
glad you liked it!
@forno_nicolas
@forno_nicolas Ай бұрын
Man passing classes as a prop is very smart! Never minded before... Thanks for the video
@nevillebrem
@nevillebrem Ай бұрын
glad you liked it!
@TheSysmat
@TheSysmat Ай бұрын
Http delete not post
@nevillebrem
@nevillebrem Ай бұрын
yeah true
@deliriumcode
@deliriumcode Ай бұрын
You got thumbs up and subscription. Please make more explanation videos like this. ;) Teach us how props can be used to create various blog posts or / and how state can be used on some ordering page for example.
@nevillebrem
@nevillebrem Ай бұрын
thank you for the feedback and the ideas!
@artemisfowl127
@artemisfowl127 Ай бұрын
vue but with different syntax
@nevillebrem
@nevillebrem Ай бұрын
yeah kinda. but that's not a bad thing ig
@artemisfowl127
@artemisfowl127 Ай бұрын
@@nevillebrem For sure, but it makes me wonder what makes a less developed ecosystem like svelte more appealing than something like vue? Not trying to hate on svelte just curious as I wanted to try it out but it just seems like vue now.
@nevillebrem
@nevillebrem Ай бұрын
@@artemisfowl127 i can't really tell honestly. i really need to explore vue before i try to say something here. but honestly i don't have something to say here. i just think svelte is great and i like the syntax and the standards it supports. the ecosystem is actually pretty OK, it has all you need
@Antonio-fo4fl
@Antonio-fo4fl Ай бұрын
@@artemisfowl127 I mean that's probably like saying why try view when svelte had a compiler first. There's different philosophies behind each that come through when you code. I find svelte to be more lean especially when it comes to interacting with just values. The ecosystem talk I find also isn't really a concern these days if I'm being very honest.
@bmdavis419
@bmdavis419 Ай бұрын
oh shit i forgot about $inspect, that one is really nice
@pixiedev
@pixiedev Ай бұрын
hey for the note use "ctrl and +" to increment your ui size for vscode and browser so it'll easy to see what's going on and don't have go force our eye to see.
@fltngmmth
@fltngmmth Ай бұрын
reminds me of preact signals
@kobbyisvalid
@kobbyisvalid Ай бұрын
Yh cos they're basically svelte's version of signals
@nevillebrem
@nevillebrem Ай бұрын
@kobbyisvalid true
@b_arbaretier
@b_arbaretier Ай бұрын
That was very clear thanks!
@nevillebrem
@nevillebrem Ай бұрын
glad you liked it!
@shauryajha3038
@shauryajha3038 Ай бұрын
would love a svelte tutorial from you !!
@nevillebrem
@nevillebrem Ай бұрын
what about?
@shauryajha3038
@shauryajha3038 Ай бұрын
@@nevillebrem svelte tutorials for beginners to intermediate coders if it's possible by your side, and loved this video too <3.
@FCcommando
@FCcommando 2 ай бұрын
💯💯💯
@FCcommando
@FCcommando 2 ай бұрын
Great content!
@FCcommando
@FCcommando 2 ай бұрын
can you add lucia tho this stack for authentication and make a video out of it?
@nevillebrem
@nevillebrem 2 ай бұрын
just look at my channel there is a video on it i think. not a tutorial but a code demo. a good way to learn to code
@a7kerkh
@a7kerkh 2 ай бұрын
plz explore sveltekit docs before making videos like this
@nevillebrem
@nevillebrem 2 ай бұрын
i did and i of course now have way more understanding about sveltekit. i just think for some occasions astro is better because it's so lightweight and convenient. but my go-to is usually sveltekit which you probably found out if you explored my channel a bit more
@justinoneill2837
@justinoneill2837 2 ай бұрын
Shallow routing starts at 8:18
@alexanderleschanz9991
@alexanderleschanz9991 2 ай бұрын
first!
@evccyr
@evccyr 2 ай бұрын
I've been using skeleton but I found svelte flowbite to be much better
@nevillebrem
@nevillebrem 2 ай бұрын
i'll check that out
@realskyquest
@realskyquest 2 ай бұрын
I found flowbite to be buggy when building complex ui, buts it neat. Alternatively you can use daisyui
@nevillebrem
@nevillebrem 2 ай бұрын
@realskyquest yeah daisy ui is nice indeed. i used it in combination with astro and i really like ir
@FCcommando
@FCcommando 2 ай бұрын
Cool video! Where does one learn backend with sveltekit? I have a grasp of the fundamentals when working in frontend, but when it comes to backend (working with db etc.) Im pretty much clueless.
@nevillebrem
@nevillebrem 2 ай бұрын
i could do a video on that
@nevillebrem
@nevillebrem 2 ай бұрын
this is my series on dbs though kzfaq.info/sun/PL5UWMWt_Ej-BjDKr2akMhZ4AXtMFeUMUm
@FCcommando
@FCcommando 2 ай бұрын
@@nevillebrem oh nice, I'll check it out!
@taunado
@taunado 2 ай бұрын
Have you checked out GSAP? Wondering what your thoughts are with regards to using it with Svelte.
@nevillebrem
@nevillebrem 2 ай бұрын
funny story... i heard gsap, but never tried it. i think i am too afraid to try it but i actually really should
@ocin3752
@ocin3752 2 ай бұрын
Very useful. Can you do a video on shallow routing?
@nevillebrem
@nevillebrem 2 ай бұрын
eventually, yes!
@TheOnlyJura
@TheOnlyJura 2 ай бұрын
Very good video. You should have however targeted svelte 5 probably (or provide both).
@nevillebrem
@nevillebrem 2 ай бұрын
i also thought about that. i will make a dedicated svelte 5 video soon though
@DanteMishima
@DanteMishima 2 ай бұрын
Drizzle again argh
@nevillebrem
@nevillebrem 2 ай бұрын
hahah
@DanteMishima
@DanteMishima 2 ай бұрын
I would like to see a setup without drizzle... I'm not particular on orms
@nevillebrem
@nevillebrem 2 ай бұрын
i love the dx with drizzle and it's typescript and all so i love it