Nev the Dev
Nev the Dev
  • 40
  • 60 785
10 things made me love SvelteKit
my links: links.nevillebrem.com
subscribe for more:)
Timestamps:
00:00 Intro
00:29 Seperation of server & client
02:19 Actions & Forms
04:28 Typesafety
05:58 Animations & Transitions
10:00 Special template blocks
11:31 Runes
12:56 Modules
15:04 Rendering strats & deployment adapters
17:12 Community
17:46 Outro & Thanks
มุมมอง: 422

วีดีโอ

SvelteKit changed my dev journey
มุมมอง 550วันที่ผ่านมา
I've used Svelte & Kit for one year. Here are my thoughts. Shoutouts: @bmdavis419 @JoyofCodeDev @Huntabyte my links: links.nevillebrem.com subscribe for more:)
streamline your SvelteKit apps with Neon
มุมมอง 38814 วันที่ผ่านมา
my links: links.nevillebrem.com subscribe for more:)
I was wrong about auth...
มุมมอง 1.5Kหลายเดือนก่อน
the PR: github.com/nevthereal/zenith/pull/13 my links: links.nevillebrem.com subscribe for more:)
Svelte 5 finally dropped!
มุมมอง 2Kหลายเดือนก่อน
snippet repo: github.com/nevthereal/snippet-test my links: links.nevillebrem.com subscribe for more:) Timestamps: 00:00 Intro 00:09 The Omnisite 02:38 Snippets 05:42 Migration Guide 07:37 The new CLI 10:53 Outro
Lucia is gone, this is what I am using for auth now
มุมมอง 3.2K2 หลายเดือนก่อน
example code: github.com/nevthereal/better-auth-testing better auth docs: better-auth.com my links: links.nevillebrem.com subscribe for more:) Timestamps: 00:00 Intro 00:46 Yap session end 01:06 Lucia is deprecating 03:34 The new thing 04:49 Code showcase 08:37 Zenith Migration 09:57 Outro
Astro finally did it!
มุมมอง 3.3K4 หลายเดือนก่อน
source code: github.com/nevthereal/astro-actions-with-db my links: links.nevillebrem.com subscribe for more:)
the hunt for the best UI library
มุมมอง 4.4K4 หลายเดือนก่อน
my links: links.nevillebrem.com subscribe for more:)
Stripe webhooks with SvelteKit (dev and prod)
มุมมอง 5754 หลายเดือนก่อน
zenith: zenithproductivity.app source: github.com/nevthereal/zenith my links: links.nevillebrem.com subscribe for more:) Timestamps: 00:00 Intro 01:55 Session Creation 04:29 Webhooks 05:36 Demo 07:28 Again Webhooks 08:36 Webhooks in Prod 10:20 Outro
how i did email verification with SvelteKit in my AI app
มุมมอง 2.5K4 หลายเดือนก่อน
source: github.com/nevthereal/zenith lucia: lucia-auth.com Resend: resend.com my stuff: links.nevillebrem.com subscribe for more:)
*use SvelteKit form actions
มุมมอง 7724 หลายเดือนก่อน
source code: github.com/nevthereal/todo-sveltekit my links: links.nevillebrem.com subscribe for more:) Timestamps: 00:00 Intro 00:40 server vs page.server 03:21 Zenith showcase 09:17 Create schemas 10:06 Declare Props 11:25 Create a form 12:30 Write the action 14:18 Removing hidden inputs 15:13 It works! 16:34 Outro
Astro vs SvelteKit in 2024
มุมมอง 3.4K5 หลายเดือนก่อน
my links: links.nevillebrem.com my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5 subscribe for more:) Timestamps: 00:00 Intro 01:40 What are Astro and SvelteKit? 03:33 Can't really compare them 05:16 Similarities 11:45 Futures 14:27 Use cases 17:33 Outro
advanced forms with SvelteKit Superforms
มุมมอง 1.3K5 หลายเดือนก่อน
superforms docs: superforms.rocks superforms setup video: th-cam.com/video/PlLeL-FI004/w-d-xo.html zenith video: th-cam.com/video/th_Bxbn4fI4/w-d-xo.html source code: github.com/nevthereal/zenith my links: links.nevillebrem.com my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5 subscribe for more:) 00:00 Intro 00:17 Initializing the form 01:02 Retrieving the ...
the secret part of SvelteKit's data flow
มุมมอง 5335 หลายเดือนก่อน
source code: github.com/nevthereal/todo-sveltekit drizzle playlist: th-cam.com/play/PL5UWMWt_Ej-BjDKr2akMhZ4AXtMFeUMUm.html&si=0Ih52CMbC-jvlS3q my links: links.nevillebrem.com my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5 subscribe for more:)
i built an AI app with SvelteKit
มุมมอง 8216 หลายเดือนก่อน
source code: github.com/nevthereal/zenith support me: nevillebrem.gumroad.com/ my links: links.nevillebrem.com my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5 subscribe for more:) 00:00 Intro 00:16 Demo & AI SDK breakdown 05:47 Form & Modal 07:09 Account Page 08:14 Stripe 09:59 How and why this app 11:35 Outro
Qwik is the most underrated framework!
มุมมอง 1.5K6 หลายเดือนก่อน
Qwik is the most underrated framework!
Svelte now has magic
มุมมอง 3.5K7 หลายเดือนก่อน
Svelte now has magic
do this before deploying to Vercel
มุมมอง 4448 หลายเดือนก่อน
do this before deploying to Vercel
SvelteKit libraries you need to know
มุมมอง 2.8K8 หลายเดือนก่อน
SvelteKit libraries you need to know
combine a modal with SvelteKit's shallow routing
มุมมอง 2K8 หลายเดือนก่อน
combine a modal with SvelteKit's shallow routing
i didn't know these Svelte tips
มุมมอง 6K8 หลายเดือนก่อน
i didn't know these Svelte tips
the future of web dev and AI
มุมมอง 1.2K8 หลายเดือนก่อน
the future of web dev and AI
create a modern form with SvelteKit Superforms and Tailwind
มุมมอง 1.4K8 หลายเดือนก่อน
create a modern form with SvelteKit Superforms and Tailwind
Arc made me ditch Chrome
มุมมอง 2.5K9 หลายเดือนก่อน
Arc made me ditch Chrome
how to quickly set up a website in 2024
มุมมอง 2459 หลายเดือนก่อน
how to quickly set up a website in 2024
how i would learn development in 2024
มุมมอง 5569 หลายเดือนก่อน
how i would learn development in 2024
Astro now has a database!
มุมมอง 1.8K9 หลายเดือนก่อน
Astro now has a database!
how to get attention as a developer
มุมมอง 509 หลายเดือนก่อน
how to get attention as a developer
web development is not expensive
มุมมอง 2239 หลายเดือนก่อน
web development is not expensive
the best auth library got even better!
มุมมอง 3.7K9 หลายเดือนก่อน
the best auth library got even better!

ความคิดเห็น

  • @tedspens
    @tedspens 4 วันที่ผ่านมา

    A little late but Merry Christmas! 868th subscriber 👍

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

      thanks!!

  • @oatmocha
    @oatmocha 7 วันที่ผ่านมา

    Great overview

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

      thanks!

  • @matheuscanuto6306
    @matheuscanuto6306 9 วันที่ผ่านมา

    Excellent video! Shout out to programmers in Brazil

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

      thanks!

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

    Thanks for the shoutout ❤

  • @charlesbcraig
    @charlesbcraig 11 วันที่ผ่านมา

    I played with Neon on an internal SvelteKit app. My only issue, which applies to virtually all serverless, was latency. Now with apps/sites that can utilize caching, it wouldn’t be an issue.

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

      yeah, latency was a thing... but you can hide it pretty well with like spinners and just making the app fast in other aspects i guess

  • @charlesbcraig
    @charlesbcraig 11 วันที่ผ่านมา

    I’m currently stuck in useEffect hell on a React project I inherited 😭

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

      oof... i migrated an app to sveltekit. it's not that difficult. try it

    • @charlesbcraig
      @charlesbcraig 11 วันที่ผ่านมา

      @ it’s a volunteer project for another organization, so I can’t change anything… it’s bad enough they’re using FireBase and they eventually want to move to SQL…can’t wait for that conversion…

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

      @@charlesbcraig well that's a bummer. wish you the best and merry christmas!

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

      @nevillebrem Merry Christmas!🎄

  • @iulikdev
    @iulikdev 11 วันที่ผ่านมา

    I only code in sveltekit, work (i'm alone in team with coding) and personal projects. I tried to learn react 3 times, only sveltekit was cleaner. I don't like skeleton ui, i tried daisy ui.

    • @charlesbcraig
      @charlesbcraig 11 วันที่ผ่านมา

      DaisyUI is the way

    • @charlesbcraig
      @charlesbcraig 11 วันที่ผ่านมา

      DaisyUI is the way

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

      i came from react but it was meh. sveltekit ftw

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

      yeah i use it too. but shad is also pretty neat

  • @angelov_wise
    @angelov_wise 11 วันที่ผ่านมา

    ❤️

  • @SithLordBishop
    @SithLordBishop 11 วันที่ผ่านมา

    Been using svelte for about 5 years. It's sooooo nice. I can't stand react anymore.

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

    what is neon

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

      Your mom

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

      In short: a hosting provider for postgres databases

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

    incredible content, more!

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

    Preact’s “HTM” is far superior to JSX MDX is the only tolerable way to write svelte now. Ugly arse syntax and they will keep changing it. Can’t build anything on it without inviting endless maintenance, Svelte is one man’s ego project y’all are crazy. There’s a reason Svelte still hasn’t popped in Commercial.

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

    This is not rolling your auth, it's just an OAuth2 client... when did people start to get confused about this?

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

      you're right. it's more like rolling my own session mgmt and slapping oauth on top of it

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

      ​@@nevillebremso gonna keep the clickbait or...

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

    This whole series is awesome, thank you very much 💚

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

      really glad i could help bro!

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

    This is awesome, thank you

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

      thanks!!

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

    Any thoughts on Stack Auth?

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

      don't know it, will check it out

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

      @nevillebrem please do, and let us know how it compares. I think it's close to Clerk in functionality but self-hosted, I haven't used it yet but I'm planning to.

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

    what's that keyboard and do you recommend? thanks for the content!

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

      keychron k6. it looks and sounds good, but for my taste it's a bit too loud. but i love the layout and it works well with macos

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

    Thank you, how would you add authentication and authorization here?

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

      with lucia or an other auth library. will do a tutorial soon

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

      @@nevillebrem Thank you, if you could please compare cloudflare d1 with turso

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

      @TomislavMiletic maybe if i find time. but i see what i can do

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

    Thanks, so Lucia is deprecated or not? Do you use it for client work?

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

      well the library is deprecated. you now have to set up the functions yourself like stated on the website. but you can of course use it for client work

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

      @@nevillebrem thank you

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

    your content is so inspiring

  • @LucasSchindlerSalmerón
    @LucasSchindlerSalmerón หลายเดือนก่อน

    Bro, thanks for bringing out sooo many videos lately. Love them

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

    Would love a deeper dive of exactly what you did for auth where you talk about all the different parts and what the functions are doing. I'm new to auth and still trying to wrap my head around all the events happening during authentication.

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

      will do that! thanks for the feedback

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

      Read the lucia docs and the handbook they're providing. Its really not that difficult, you just have to get into it.

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

    Svelte 5 aka Vue3 from 2019 with minor API and performance differences

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

      🧐

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

      Definitely feels like it. Logically, I understand the changes. Syntactically it seems like regression.

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

    Svelte is reinventing JSX but worse.

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

      not at all bruh. they don't want to be jsx but sth new. sth better

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

      @nevillebrem They don't want JSX, and as a result they built something worse.

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

      @@babakfp why worse?

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

      JSX is cursed af.... HTML first all day all the way.

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

      ​ @nevillebrem ​@b1mind JSX is awesome. In JSX, components are just functions. That's it. But in Svelte 5 you have two different things. One is called a component and another called a Snippet. They are not the same. Their TypeScript type is different. The syntax is something completely new, and you need to learn. When you want to pass a snippet to a function inside the script tag, you need to declare the snippet outside the script tag (and inside the template part) and then reference it inside the function inside the script tag. In JSX, it's just as simple as using functions. There is no new and weird things to learn. It's just JavaScript. In Svelte, you can't have a prop that accepts both the `Component` and `Snippet` types. The way that Components and Snippets work are different. Because of this, when dealing with props, you most use the `<MyComponent />` syntax for the `Component` type and the `{@render MyComponent()}` syntax for type `Snippet` type to render them. Well, you can just use a condition to check if the prop is type of `Component` or `Snippet`, right? Wrong, you can't! It's not possible to differentiate between a `Component` and a `Snippet`. In JSX, you don't face with issues and limitations like this.

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

    JavaScript developers are so embarrassing. They just patch things. I pray this culture remains in JavaScript and not creep out into other dev communities. 😢

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

    Install Arch Linux and delete GayOs 😡🤬

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

      😂

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

      GayOS? Lol who hurt you

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

      @pookiepats it's alright he's a friend 😂

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

      @@nevillebrem nah fck that! ;)

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

    bro two vids in 1 week, keep up the good work my asian G

  • @LucasSchindlerSalmerón
    @LucasSchindlerSalmerón 2 หลายเดือนก่อน

    OMG, thanks very much for this video. It helps a lot. Will use it on tuesday. Thank you very much!!!

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

    I don't think we thank JS Content creators enough to keep us updated on a weekly basis on what services to use. I they weren't there I'd still be using Express and Node

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

      thanks, it is a pleasure :)

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

    Great! Would love a detailed tutorial on Svelte 5 with Skelton showing CRUD operations via Drizzle.

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

      will do that as soon as skeleton v3 is stable

  • @beeman-dev
    @beeman-dev 2 หลายเดือนก่อน

    Thanks for this video! Your advice on the end is very valuable! Don't be afraid of the tech, just try it out! Keep trying!

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

    better-auth has 77 dependencies (including peers) :(

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

      Lucia is still king of auth. He gave us the code, guidelines and safe way to roll your own auth and its really easy

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

      disappointing indeed. but don't worry. a follow up video will drop in two days

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

    you are quiet as fu 😭😭 had to turn up my volume a whole lot

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

      thanks for the feedback, will do that for my next vid

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

    NEV THE DEVVV

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

    Lucia is not gone

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

      yeah i know

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

    audio is Sh**

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

      bruh

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

      can you explain in more detail please :)

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

      @@nevillebrem audio seems fine to me, not sure what hes refering to

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

    Hi bro, consider bumping up your font not visible enough on mobile.

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

    Just roll out your own auth 😭😭😭 it really is not complicated and doesnt take long. And if you do it once you can just reuse it in any project. And you can customize it to suit your needs. Ffs even Lucia tells you to do it!

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

      i am now realising that you are actually right

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

      I agree. Too many people bought into the auth provider marketing that rolling your own auth is somehow unsafe or too complicated.

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

      Its really not that difficult. Lucia provided all the functions and packages, and now it's the best fit for my old project with users and admins table, now i can tell the function which table to look up, its far better!

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

      @senseicodes it is OP. video will drop on wednesday

    • @Yeetus-sw3st
      @Yeetus-sw3st หลายเดือนก่อน

      It is just like using these fancy ORM's when you can just use SQL, the risks are very easily mitigated

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

    Yeee bro

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

    I also used Lucia for my last projects (I used auth.js before, which was a pain in the ass). Haven't tried better-auth yet, but I've seen it a few times. I think the organisation of the two factor plugins is very cool. Great video as always :^)

  • @LucasSchindlerSalmerón
    @LucasSchindlerSalmerón 2 หลายเดือนก่อน

    Yess, thank you for a new video. We love you!!! Nice Sweatshirt

  • @سنابل-الفردوس
    @سنابل-الفردوس 2 หลายเดือนก่อน

    the haunt for the best charting library (Echarts) for me just like Daisy Ui is my fav

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

      will check that out! is it compatible with sveltekit

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

    to use resend in svelte do i need react-doom?

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

      nope absolutely not. you don't need anything react

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

    Why don’t exists a library for clerk equal nextjs?

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

      you mean for svelte?

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

    Great video! Personally, I feel like Drizzle ORM might be better at the moment, because Astro DB only supports libSQL and it's only used with Astro, while Drizzle supports Postgres, MySQL, and SQLite, and you can use it with different frameworks like Next.js and Nuxt. Also, it's easier to host. Astro DB's hosted version is still in closed beta.

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

      yeah. well they actually sunsetted astro studio, because it wasn't used so much. so you kinda need to BYODatabase. while you are correct about drizzle i still think that astro db is a super well thought-out plug and play solution for astro

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

    The SaaS boilerplate RyzeKit Astro uses Astro Actions, and it definitely simplifies alot of form-handling in the backend 👍

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

      yup i really think it was a super good addition

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

    Tailwind css it's not a library....

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

      Yup i know. I also didn't talk about tw being a library. It's just the foundation of the libraries that i am using

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

    What's your VS Code theme?

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

      GitHub theme

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

    I prefer using framework-specific libraries, because afaik they're higher quality. Like Vuetify for Vue or MantineUI for React

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

      yeah i get whatcha mean. I loved framer motion for example. but what options are there for svelte? flowbite? Because I feel like all these mUI ports and stuff are all so fckin scuffed and don't look good and don't play well w/ tailwind