- 24
- 19 890
Nev the Dev
Switzerland
เข้าร่วมเมื่อ 20 ส.ค. 2023
web dev from switzerland
follow me on my journey:)
follow me on my journey:)
svelte now has magic
svelte 5 preview docs: svelte-5-preview.vercel.app/docs/introduction
my links: links.nevillebrem.com
subscribe for more:)
Timestamps:
00:00 Intro
00:33 What are runes?
01:29 state
02:34 derived
03:44 effect
04:43 props
06:22 inspect
07:12 Summary my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
my links: links.nevillebrem.com
subscribe for more:)
Timestamps:
00:00 Intro
00:33 What are runes?
01:29 state
02:34 derived
03:44 effect
04:43 props
06:22 inspect
07:12 Summary my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
มุมมอง: 2 661
วีดีโอ
do this before deploying to vercel
มุมมอง 404หลายเดือนก่อน
source code: github.com/nevthereal/photography-page my links: links.nevillebrem.com subscribe for more:) my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
sveltekit libraries you need to know
มุมมอง 1.1Kหลายเดือนก่อน
my links: links.nevillebrem.com subscribe for more:) 00:00 Intro 00:18 Skeleton UI 04:37 SvelteKit Superforms 07:30 dayjs 09:54 Outro my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
combine a modal with sveltekit's shallow routing
มุมมอง 556หลายเดือนก่อน
source code: github.com/nevthereal/wolffebricks-sveltekit check out wolffe bricks: wolffebricks.store sveltekit docs: kit.svelte.dev/docs/shallow-routing skeleton docs: www.skeleton.dev/utilities/modals my links: links.nevillebrem.com subscribe for more:) my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
i didn't know these svelte tips
มุมมอง 1.9Kหลายเดือนก่อน
my links: links.nevillebrem.com subscribe for more:) my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
the future of web dev and ai
มุมมอง 1.1Kหลายเดือนก่อน
vercel ai sdk: vercel.com/blog/introducing-the-vercel-ai-sdk generative ui: vercel.com/blog/ai-sdk-3-generative-ui my links: links.nevillebrem.com subscribe for more:) my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
create a modern form with sveltekit superforms and tailwindcss
มุมมอง 4372 หลายเดือนก่อน
in this video i'll show how to set up a modern form with sveltekit superforms. I messed up some animations so here are the two commands to install the devdeps: `bun i -D sveltekit-superforms zod` `bun i -D tailwindcss postcss autoprefixer` source code: github.com/nevthereal/form-tutorial/ superforms: superforms.rocks my links: links.nevillebrem.com subscribe for more:) Timestamps: 00:00 Intro 0...
arc made me ditch chrome
มุมมอง 2.3K2 หลายเดือนก่อน
check out arc (not sponsored, just my opinions): arc.net my links: links.nevillebrem.com subscribe for more:) Timestamps: 00:00 Intro 00:25 Sidebar 02:24 Tabs 04:52 Settings 06:48 AI features 09:21 Links management 11:32 Outro #arc #arcbrowser my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
how to quickly set up a website in 2024
มุมมอง 1792 หลายเดือนก่อน
resources: open source: github.com/nevthereal/astro-starter-template font awesome cdn: cdnjs.com/libraries/font-awesome font awesome icons: fontawesome.com/search?o=r&m=free google fonts: fonts.google.com daisy ui: daisyui.com/ my links: links.nevillebrem.com subscribe for more:) my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
how i would learn development in 2024
มุมมอง 5392 หลายเดือนก่อน
shout out: @bmdavis419 my links: links.nevillebrem.com subscribe for more:) Timestamps: 00:00 Intro 03:00 Number 1 03:36 Number 2 04:17 Number 3 04:39 Number 4 05:39 Number 5 05:57 Number 6 06:33 Number 7 07:00 Number 8 07:41 Bonus 08:19 Number 9 08:47 Number 10 09:48 Outro my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
astro now has a database!
มุมมอง 1.7K2 หลายเดือนก่อน
astro's website: astro.build example repo: github.com/nevthereal/astro-db-playground my links: links.nevillebrem.com subscribe for more:) Timestamps: 00:00 Intro 00:20 What is Astro DB 01:10 Project setup 07:49 Astro Studio showcase 08:08 Outro my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
how to get attention as a developer
มุมมอง 412 หลายเดือนก่อน
my links: links.nevillebrem.com subscribe for more:) my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
web development is not expensive
มุมมอง 1812 หลายเดือนก่อน
my links: links.nevillebrem.com subscribe for more:) my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
the best auth library got even better!
มุมมอง 2.9K3 หลายเดือนก่อน
source code: github.com/nevthereal/barmates-monorepo/tree/main/shop lucia: lucia-auth.com/ my links: links.nevillebrem.com subscribe for more:) timestamps: 00:00 Intro 00:50 Demo 01:35 Code Showcase 09:51 Peak into Drizzle Studio 10:14 Outro my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
i love astro (rip sveltekit?)
มุมมอง 5823 หลายเดือนก่อน
in this video I'll go over the newish modern framework astro my links: links.nevillebrem.com subscribe for more:) my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5
how to set up relations with drizzle, turso and sveltekit
มุมมอง 4473 หลายเดือนก่อน
how to set up relations with drizzle, turso and sveltekit
query and create data with drizzle orm and sveltekit
มุมมอง 4043 หลายเดือนก่อน
query and create data with drizzle orm and sveltekit
easy database setup with drizzle, turso and sveltekit!
มุมมอง 1.6K4 หลายเดือนก่อน
easy database setup with drizzle, turso and sveltekit!
how i built this super clean admin dashboard with skeleton ui
มุมมอง 2004 หลายเดือนก่อน
how i built this super clean admin dashboard with skeleton ui
my sveltekit experience after 3 months
มุมมอง 764 หลายเดือนก่อน
my sveltekit experience after 3 months
a simple (but powerful) todo list app with sveltekit
มุมมอง 3424 หลายเดือนก่อน
a simple (but powerful) todo list app with sveltekit
my first sveltekit fullstack project! (e-commerce)
มุมมอง 1504 หลายเดือนก่อน
my first sveltekit fullstack project! (e-commerce)
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
got kinda used to the old syntax, but the new runes definitley make it more clear
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 ^^
frankly i didn't understand it too. haha thats why i didn't cover it
@@nevillebrem 😂
Молодец пацан!
thank you
About the first one: it wont work if js is disabled in browser
a pitty but makes sense ig
Definitely clear, thanks, Nev.
good to hear
Thanks for the content! As a new amateur SvelteKit user I greatly appreciate it!
That was clear and simple, thanks for that!
glad you liked it!
Man passing classes as a prop is very smart! Never minded before... Thanks for the video
glad you liked it!
Http delete not post
yeah true
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.
thank you for the feedback and the ideas!
vue but with different syntax
yeah kinda. but that's not a bad thing ig
@@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.
@@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
@@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.
oh shit i forgot about $inspect, that one is really nice
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.
reminds me of preact signals
Yh cos they're basically svelte's version of signals
@kobbyisvalid true
That was very clear thanks!
glad you liked it!
would love a svelte tutorial from you !!
what about?
@@nevillebrem svelte tutorials for beginners to intermediate coders if it's possible by your side, and loved this video too <3.
💯💯💯
Great content!
can you add lucia tho this stack for authentication and make a video out of it?
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
plz explore sveltekit docs before making videos like this
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
Shallow routing starts at 8:18
first!
I've been using skeleton but I found svelte flowbite to be much better
i'll check that out
I found flowbite to be buggy when building complex ui, buts it neat. Alternatively you can use daisyui
@realskyquest yeah daisy ui is nice indeed. i used it in combination with astro and i really like ir
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.
i could do a video on that
this is my series on dbs though th-cam.com/play/PL5UWMWt_Ej-BjDKr2akMhZ4AXtMFeUMUm.html
@@nevillebrem oh nice, I'll check it out!
Have you checked out GSAP? Wondering what your thoughts are with regards to using it with Svelte.
funny story... i heard gsap, but never tried it. i think i am too afraid to try it but i actually really should
Very useful. Can you do a video on shallow routing?
eventually, yes!
Very good video. You should have however targeted svelte 5 probably (or provide both).
i also thought about that. i will make a dedicated svelte 5 video soon though
Drizzle again argh
hahah
I would like to see a setup without drizzle... I'm not particular on orms
i love the dx with drizzle and it's typescript and all so i love it
I don't think the ugly part is even a valid pain point. It is a fundamental part of Sveltekit and the way routing works. Taking into consideration building your infrastructure on microservices would also be as bad with the number of files. But at the end of the day, any medium or large production application will have a lot of files and 1000s of lines of code. I'd prefer separate well named files over 100k - 1m lines of code in a single file in development. And to be honest, how often do you actually site with your file tree open on that many folders when you use short hand to find files which are aptly named in a Sveltekit project? Also the ecosystem is growing monthly and I beleive even before you made this video there were a number of animation libraries that work with Svelte/Sveltekit. I enjoy your videos by the way and I watch them as background just in case there is something I may learn or find a better way to do things. Keep it up
yeah i maybe said that in the video but i am completely on your side. sveltekit is very very good and i had a hard time picking these 'pain points'. so yeah you're right
awesome thanks nev
glad i could help!
Thanks for sharing!
glad you liked it!
if i want to run an API e.g. NEXT, i run it using turso driver, how do i consume the API?
what do you mean exactly?
i use the API's like /users/:id /tasks/ so on.. the api's works no fullstack Next, but i want to run it on them on postman, but neither of the url works.. sorry if my english is bad
@depreza68 I'm kind of overquestioned, sorry ... i dont know much about next. maxbe ask perplexity.ai
bro 25 degrees is very hot, are you from Antarctica
celsius not fahrenheit
Bro plz start doing live coding projects it will be much fun to watch
thanks, will do that. i have a live stream planned. prefer to code on the go though. or just sitting in my couch
hi , what about battery life ? is it better than chrome !
i am not sure... you'll have to try or lool it up, sorry
Nice tutorial, glad to see it works with Bun! The use:enhance action makes it possible to have client-side validation, loading timers, events and other features that requires JS to be enabled in the browser. Without it, the form will be static and the page will make a full reload for each submit.
first of all, thanks for the feedback! didn't know that, will pin your comment. thanks for clarifying
Where to use turso? Can I use it in all places I use postgres?
of course! it lacks some functionalities but with drizzle these are mostly solved.
@@nevillebrem No no I mean can I make all kinds of apps with it? For example a CRM app or a fully functional ecommerce store? Turso is an edge database. So will it be okay?
@user-lq2ip9si7y yeah pretty much. it works great on the edge i use it myself for e-commerce and also for crm's it could be pretty handy
@@nevillebrem wow !! will try definitely. Just wondering can it also be self hosted?
@user-lq2ip9si7y create a local.db file in your root and set the url to file:local.db
can't wait to get it on windows
This is supposed to be "as a web developer"? I think you opened dev tools for like a second...
yeah well there wasn't much to show in the devtools since they are the same as chrome's. found the developer mode nice though if you can recall
Subbed up. Nice overview. I'm a bit of a stubborn horse, very used to Chrome, and will be staying there for the gorseeable future, but its GREAT to see viable alternatives to the Big 3 Browsers
yeah get your point. but i think they have a really nice setup procedure where you can just migrate your bookmarks and passwords. it's always a bit hard to change at the beginning but you'll get used to it. thanks for the sub!
Are you using a filter
no?
bro, if you like the full screen browsing just press F11 for anything in windows and you will get full screen and press Esc to exit full screen.... nothing will kill Microsoft Edge nowadays
thanks for your opinion but i'm kind of disgusted by microsofts products. full of popups and bugs...
@@nevillebrem you literally have vs code and github in your video, those are microsoft products. What microsoft products have you used recently?
@@GerardoSabetta yeah well true. i am aware both of them are. i just don't like edge. i get the office 365 from school so i of course use it regularily.
i use it on windows since the first release of beta and it keeps getting better with each release. and i gotta say, rebooting into linux and not having it kinda sucks. it's a great browser, sadly they won't release it on linux.
yeah agree. got to show it to a friend on windows and he also loves it
Videos that could have been a Tweet
thanks for the interaction! helped the algorithm
"Better than chrome" Meanwhile Arc is based on Chromium
a browser is not only considered by its core renderer. yes arc is based on chromium but does more than chrome. so in your "poor" opinion, brave, opera, edge and all other browsers out there using chromium, can't be better than chrome?
@@imTheAnyhey! I think your dumb. Don’t call his option poor
@@imTheAnysee that’s how it feels, don’t be mean and just state your option, you are taking this too personally. Learn from each others perspectives
that's not really the point. you gotta understand that chrome is also based on chromium. but that doesn't make something a browser already. it's about the shell you are building around and like @imTheAny pointed out, edge brave and others are also based on chromium
@@alexanderrosulek159 it's not "option", it's opinion. and the guy i replied doesn't provide an opinion. and i can't stand people that talks without knowing shit.
looks like shi
ok