Nev the Dev
Nev the Dev
  • 24
  • 19 890
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
มุมมอง: 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!
you gotta try this design trend
มุมมอง 1484 หลายเดือนก่อน
you gotta try this design trend
how i became a better programmer
มุมมอง 804 หลายเดือนก่อน
how i became a better programmer
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)

ความคิดเห็น

  • @kozmikhero6749
    @kozmikhero6749 วันที่ผ่านมา

    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 วันที่ผ่านมา

      got kinda used to the old syntax, but the new runes definitley make it more clear

  • @francoisbouchet9907
    @francoisbouchet9907 6 วันที่ผ่านมา

    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 6 วันที่ผ่านมา

      frankly i didn't understand it too. haha thats why i didn't cover it

    • @francoisbouchet9907
      @francoisbouchet9907 6 วันที่ผ่านมา

      @@nevillebrem 😂

  • @MetaverseBDFL
    @MetaverseBDFL 10 วันที่ผ่านมา

    Молодец пацан!

    • @nevillebrem
      @nevillebrem 10 วันที่ผ่านมา

      thank you

  • @noname_160
    @noname_160 10 วันที่ผ่านมา

    About the first one: it wont work if js is disabled in browser

    • @nevillebrem
      @nevillebrem 10 วันที่ผ่านมา

      a pitty but makes sense ig

  • @HaitiOutlook
    @HaitiOutlook 14 วันที่ผ่านมา

    Definitely clear, thanks, Nev.

    • @nevillebrem
      @nevillebrem 14 วันที่ผ่านมา

      good to hear

  • @chadthedouchebag
    @chadthedouchebag 15 วันที่ผ่านมา

    Thanks for the content! As a new amateur SvelteKit user I greatly appreciate it!

  • @supercurioTube
    @supercurioTube 17 วันที่ผ่านมา

    That was clear and simple, thanks for that!

    • @nevillebrem
      @nevillebrem 17 วันที่ผ่านมา

      glad you liked it!

  • @forno_nicolas
    @forno_nicolas 18 วันที่ผ่านมา

    Man passing classes as a prop is very smart! Never minded before... Thanks for the video

    • @nevillebrem
      @nevillebrem 18 วันที่ผ่านมา

      glad you liked it!

  • @TheSysmat
    @TheSysmat 19 วันที่ผ่านมา

    Http delete not post

    • @nevillebrem
      @nevillebrem 18 วันที่ผ่านมา

      yeah true

  • @deliriumcode
    @deliriumcode 21 วันที่ผ่านมา

    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 21 วันที่ผ่านมา

      thank you for the feedback and the ideas!

  • @artemisfowl127
    @artemisfowl127 22 วันที่ผ่านมา

    vue but with different syntax

    • @nevillebrem
      @nevillebrem 21 วันที่ผ่านมา

      yeah kinda. but that's not a bad thing ig

    • @artemisfowl127
      @artemisfowl127 21 วันที่ผ่านมา

      @@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 21 วันที่ผ่านมา

      @@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 20 วันที่ผ่านมา

      @@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 23 วันที่ผ่านมา

    oh shit i forgot about $inspect, that one is really nice

  • @pixiedev
    @pixiedev 24 วันที่ผ่านมา

    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 24 วันที่ผ่านมา

    reminds me of preact signals

    • @kobbyisvalid
      @kobbyisvalid 24 วันที่ผ่านมา

      Yh cos they're basically svelte's version of signals

    • @nevillebrem
      @nevillebrem 24 วันที่ผ่านมา

      @kobbyisvalid true

  • @b_arbaretier
    @b_arbaretier 24 วันที่ผ่านมา

    That was very clear thanks!

    • @nevillebrem
      @nevillebrem 24 วันที่ผ่านมา

      glad you liked it!

  • @shauryajha3038
    @shauryajha3038 24 วันที่ผ่านมา

    would love a svelte tutorial from you !!

    • @nevillebrem
      @nevillebrem 24 วันที่ผ่านมา

      what about?

    • @shauryajha3038
      @shauryajha3038 8 วันที่ผ่านมา

      @@nevillebrem svelte tutorials for beginners to intermediate coders if it's possible by your side, and loved this video too <3.

  • @FCcommando
    @FCcommando หลายเดือนก่อน

    💯💯💯

  • @FCcommando
    @FCcommando หลายเดือนก่อน

    Great content!

  • @FCcommando
    @FCcommando หลายเดือนก่อน

    can you add lucia tho this stack for authentication and make a video out of it?

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      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 หลายเดือนก่อน

    plz explore sveltekit docs before making videos like this

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      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 หลายเดือนก่อน

    Shallow routing starts at 8:18

  • @alexanderleschanz9991
    @alexanderleschanz9991 หลายเดือนก่อน

    first!

  • @evccyr
    @evccyr หลายเดือนก่อน

    I've been using skeleton but I found svelte flowbite to be much better

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      i'll check that out

    • @realskyquest
      @realskyquest หลายเดือนก่อน

      I found flowbite to be buggy when building complex ui, buts it neat. Alternatively you can use daisyui

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      @realskyquest yeah daisy ui is nice indeed. i used it in combination with astro and i really like ir

  • @FCcommando
    @FCcommando หลายเดือนก่อน

    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 หลายเดือนก่อน

      i could do a video on that

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      this is my series on dbs though th-cam.com/play/PL5UWMWt_Ej-BjDKr2akMhZ4AXtMFeUMUm.html

    • @FCcommando
      @FCcommando หลายเดือนก่อน

      @@nevillebrem oh nice, I'll check it out!

  • @taunado
    @taunado หลายเดือนก่อน

    Have you checked out GSAP? Wondering what your thoughts are with regards to using it with Svelte.

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      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 หลายเดือนก่อน

    Very useful. Can you do a video on shallow routing?

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      eventually, yes!

  • @TheOnlyJura
    @TheOnlyJura หลายเดือนก่อน

    Very good video. You should have however targeted svelte 5 probably (or provide both).

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      i also thought about that. i will make a dedicated svelte 5 video soon though

  • @DanteMishima
    @DanteMishima หลายเดือนก่อน

    Drizzle again argh

  • @DanteMishima
    @DanteMishima หลายเดือนก่อน

    I would like to see a setup without drizzle... I'm not particular on orms

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      i love the dx with drizzle and it's typescript and all so i love it

  • @Protoscribe
    @Protoscribe หลายเดือนก่อน

    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

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      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

  • @guruhrachmat5106
    @guruhrachmat5106 หลายเดือนก่อน

    awesome thanks nev

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      glad i could help!

  • @roblesrt
    @roblesrt หลายเดือนก่อน

    Thanks for sharing!

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      glad you liked it!

  • @depreza68
    @depreza68 หลายเดือนก่อน

    if i want to run an API e.g. NEXT, i run it using turso driver, how do i consume the API?

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      what do you mean exactly?

    • @depreza68
      @depreza68 หลายเดือนก่อน

      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

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      @depreza68 I'm kind of overquestioned, sorry ... i dont know much about next. maxbe ask perplexity.ai

  • @pratapraj5857
    @pratapraj5857 หลายเดือนก่อน

    bro 25 degrees is very hot, are you from Antarctica

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      celsius not fahrenheit

  • @TheAwakend-li5iw
    @TheAwakend-li5iw หลายเดือนก่อน

    Bro plz start doing live coding projects it will be much fun to watch

    • @nevillebrem
      @nevillebrem หลายเดือนก่อน

      thanks, will do that. i have a live stream planned. prefer to code on the go though. or just sitting in my couch

  • @himangshusarma8446
    @himangshusarma8446 2 หลายเดือนก่อน

    hi , what about battery life ? is it better than chrome !

    • @nevillebrem
      @nevillebrem 2 หลายเดือนก่อน

      i am not sure... you'll have to try or lool it up, sorry

  • @andreas.soderlund
    @andreas.soderlund 2 หลายเดือนก่อน

    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.

    • @nevillebrem
      @nevillebrem 2 หลายเดือนก่อน

      first of all, thanks for the feedback! didn't know that, will pin your comment. thanks for clarifying

  • @user-lq2ip9si7y
    @user-lq2ip9si7y 2 หลายเดือนก่อน

    Where to use turso? Can I use it in all places I use postgres?

    • @nevillebrem
      @nevillebrem 2 หลายเดือนก่อน

      of course! it lacks some functionalities but with drizzle these are mostly solved.

    • @user-lq2ip9si7y
      @user-lq2ip9si7y 2 หลายเดือนก่อน

      @@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?

    • @nevillebrem
      @nevillebrem 2 หลายเดือนก่อน

      @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

    • @user-lq2ip9si7y
      @user-lq2ip9si7y 2 หลายเดือนก่อน

      @@nevillebrem wow !! will try definitely. Just wondering can it also be self hosted?

    • @nevillebrem
      @nevillebrem 2 หลายเดือนก่อน

      @user-lq2ip9si7y create a local.db file in your root and set the url to file:local.db

  • @pes18fan
    @pes18fan 2 หลายเดือนก่อน

    can't wait to get it on windows

  • @RozanaVideo752
    @RozanaVideo752 2 หลายเดือนก่อน

    This is supposed to be "as a web developer"? I think you opened dev tools for like a second...

    • @nevillebrem
      @nevillebrem 2 หลายเดือนก่อน

      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

  • @bobwilkinsonguitar6142
    @bobwilkinsonguitar6142 2 หลายเดือนก่อน

    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

    • @nevillebrem
      @nevillebrem 2 หลายเดือนก่อน

      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!

  • @c0deHD
    @c0deHD 2 หลายเดือนก่อน

    Are you using a filter

  • @Anas_Alaqeel
    @Anas_Alaqeel 2 หลายเดือนก่อน

    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

    • @nevillebrem
      @nevillebrem 2 หลายเดือนก่อน

      thanks for your opinion but i'm kind of disgusted by microsofts products. full of popups and bugs...

    • @GerardoSabetta
      @GerardoSabetta 2 หลายเดือนก่อน

      @@nevillebrem you literally have vs code and github in your video, those are microsoft products. What microsoft products have you used recently?

    • @nevillebrem
      @nevillebrem 2 หลายเดือนก่อน

      @@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.

  • @imTheAny
    @imTheAny 2 หลายเดือนก่อน

    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.

    • @nevillebrem
      @nevillebrem 2 หลายเดือนก่อน

      yeah agree. got to show it to a friend on windows and he also loves it

  • @baronvonherzenberger2473
    @baronvonherzenberger2473 2 หลายเดือนก่อน

    Videos that could have been a Tweet

    • @nevillebrem
      @nevillebrem 2 หลายเดือนก่อน

      thanks for the interaction! helped the algorithm

  • @gutierrez9524
    @gutierrez9524 2 หลายเดือนก่อน

    "Better than chrome" Meanwhile Arc is based on Chromium

    • @imTheAny
      @imTheAny 2 หลายเดือนก่อน

      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?

    • @alexanderrosulek159
      @alexanderrosulek159 2 หลายเดือนก่อน

      @@imTheAnyhey! I think your dumb. Don’t call his option poor

    • @alexanderrosulek159
      @alexanderrosulek159 2 หลายเดือนก่อน

      @@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

    • @nevillebrem
      @nevillebrem 2 หลายเดือนก่อน

      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

    • @imTheAny
      @imTheAny 2 หลายเดือนก่อน

      @@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.

  • @5RoD
    @5RoD 2 หลายเดือนก่อน

    looks like shi