Nev the Dev
Nev the Dev
  • 37
  • 55 908
I was wrong about auth...
the PR: github.com/nevthereal/zenith/pull/13
my links: links.nevillebrem.com
subscribe for more:)
Переглядів: 1 216

Відео

Svelte 5 finally dropped!
Переглядів 1,7 тис.14 днів тому
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
Переглядів 2,6 тис.14 днів тому
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,1 тис.2 місяці тому
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,2 тис.3 місяці тому
my links: links.nevillebrem.com subscribe for more:)
Stripe webhooks with SvelteKit (dev and prod)
Переглядів 4993 місяці тому
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,5 тис.3 місяці тому
source: github.com/nevthereal/zenith lucia: lucia-auth.com Resend: resend.com my stuff: links.nevillebrem.com subscribe for more:)
*use SvelteKit form actions
Переглядів 6983 місяці тому
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 тис.3 місяці тому
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 тис.4 місяці тому
superforms docs: superforms.rocks superforms setup video: ua-cam.com/video/PlLeL-FI004/v-deo.html zenith video: ua-cam.com/video/th_Bxbn4fI4/v-deo.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 fo...
the secret part of SvelteKit's data flow
Переглядів 5074 місяці тому
source code: github.com/nevthereal/todo-sveltekit drizzle playlist: ua-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
Переглядів 7494 місяці тому
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,4 тис.5 місяців тому
I never built a todo app this qwik-ly! source code: github.com/nevthereal/qwik-playground my links: links.nevillebrem.com my music is from epidemic sound (referral link): www.epidemicsound.com/referral/vh1gi5 subscribe for more:)
Svelte now has magic
Переглядів 3,5 тис.6 місяців тому
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
do this before deploying to Vercel
Переглядів 4436 місяців тому
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
Переглядів 2,8 тис.6 місяців тому
SvelteKit libraries you need to know
combine a modal with SvelteKit's shallow routing
Переглядів 1,9 тис.6 місяців тому
combine a modal with SvelteKit's shallow routing
i didn't know these Svelte tips
Переглядів 6 тис.7 місяців тому
i didn't know these Svelte tips
the future of web dev and AI
Переглядів 1,2 тис.7 місяців тому
the future of web dev and AI
create a modern form with SvelteKit Superforms and Tailwind
Переглядів 1,2 тис.7 місяців тому
create a modern form with SvelteKit Superforms and Tailwind
Arc made me ditch Chrome
Переглядів 2,5 тис.7 місяців тому
Arc made me ditch Chrome
how to quickly set up a website in 2024
Переглядів 2397 місяців тому
how to quickly set up a website in 2024
how i would learn development in 2024
Переглядів 5568 місяців тому
how i would learn development in 2024
Astro now has a database!
Переглядів 1,8 тис.8 місяців тому
Astro now has a database!
how to get attention as a developer
Переглядів 508 місяців тому
how to get attention as a developer
web development is not expensive
Переглядів 2198 місяців тому
web development is not expensive
the best auth library got even better!
Переглядів 3,7 тис.8 місяців тому
the best auth library got even better!
i love Astro (rip SvelteKit?)
Переглядів 8608 місяців тому
i love Astro (rip SvelteKit?)
how to set up relations with Drizzle, Turso and SvelteKit
Переглядів 6268 місяців тому
how to set up relations with Drizzle, Turso and SvelteKit
query and create data with Drizzle ORM and SvelteKit
Переглядів 6999 місяців тому
query and create data with Drizzle ORM and SvelteKit

КОМЕНТАРІ

  • @pookiepats
    @pookiepats 8 днів тому

    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 11 днів тому

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

    • @nevillebrem
      @nevillebrem 11 днів тому

      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 11 днів тому

    This whole series is awesome, thank you very much 💚

    • @nevillebrem
      @nevillebrem 11 днів тому

      really glad i could help bro!

  • @TomislavMiletic
    @TomislavMiletic 11 днів тому

    This is awesome, thank you

  • @saeedfarhadi1773
    @saeedfarhadi1773 11 днів тому

    Any thoughts on Stack Auth?

    • @nevillebrem
      @nevillebrem 11 днів тому

      don't know it, will check it out

    • @saeedfarhadi1773
      @saeedfarhadi1773 11 днів тому

      @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 12 днів тому

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

    • @nevillebrem
      @nevillebrem 11 днів тому

      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 12 днів тому

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

    • @nevillebrem
      @nevillebrem 11 днів тому

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

    • @TomislavMiletic
      @TomislavMiletic 11 днів тому

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

    • @nevillebrem
      @nevillebrem 11 днів тому

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

  • @TomislavMiletic
    @TomislavMiletic 12 днів тому

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

    • @nevillebrem
      @nevillebrem 11 днів тому

      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 11 днів тому

      @@nevillebrem thank you

  • @spidey_bs109
    @spidey_bs109 12 днів тому

    your content is so inspiring

  • @LucasSchindlerSalmerón
    @LucasSchindlerSalmerón 12 днів тому

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

  • @deucebigs9860
    @deucebigs9860 12 днів тому

    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 12 днів тому

      will do that! thanks for the feedback

    • @TheVertical92
      @TheVertical92 11 днів тому

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

  • @hamm8934
    @hamm8934 13 днів тому

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

    • @nevillebrem
      @nevillebrem 13 днів тому

      🧐

    • @flyntwick
      @flyntwick 6 днів тому

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

  • @babakfp
    @babakfp 14 днів тому

    Svelte is reinventing JSX but worse.

    • @nevillebrem
      @nevillebrem 13 днів тому

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

    • @babakfp
      @babakfp 13 днів тому

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

    • @nevillebrem
      @nevillebrem 13 днів тому

      @@babakfp why worse?

    • @b1mind
      @b1mind 13 днів тому

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

    • @babakfp
      @babakfp 9 днів тому

      ​ @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 14 днів тому

    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 15 днів тому

    Install Arch Linux and delete GayOs 😡🤬

    • @nevillebrem
      @nevillebrem 15 днів тому

      😂

    • @pookiepats
      @pookiepats 8 днів тому

      GayOS? Lol who hurt you

    • @nevillebrem
      @nevillebrem 8 днів тому

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

    • @pookiepats
      @pookiepats 8 днів тому

      @@nevillebrem nah fck that! ;)

  • @spidey_bs109
    @spidey_bs109 15 днів тому

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

  • @LucasSchindlerSalmerón
    @LucasSchindlerSalmerón 15 днів тому

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

  • @georgezimmer5622
    @georgezimmer5622 16 днів тому

    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 15 днів тому

      thanks, it is a pleasure :)

  • @sunitjoshi3573
    @sunitjoshi3573 16 днів тому

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

    • @nevillebrem
      @nevillebrem 15 днів тому

      will do that as soon as skeleton v3 is stable

  • @beeman-dev
    @beeman-dev 16 днів тому

    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_ 17 днів тому

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

    • @senseicodes
      @senseicodes 15 днів тому

      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 14 днів тому

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

  • @tinywifi
    @tinywifi 18 днів тому

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

    • @nevillebrem
      @nevillebrem 18 днів тому

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

  • @scottadams7373
    @scottadams7373 18 днів тому

    NEV THE DEVVV

  • @sirtoothy844
    @sirtoothy844 18 днів тому

    Lucia is not gone

  • @x1yx228
    @x1yx228 18 днів тому

    audio is Sh**

    • @nevillebrem
      @nevillebrem 18 днів тому

      bruh

    • @nevillebrem
      @nevillebrem 18 днів тому

      can you explain in more detail please :)

    • @silas427
      @silas427 16 днів тому

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

  • @nigelnyakudya2262
    @nigelnyakudya2262 19 днів тому

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

  • @premidel1
    @premidel1 19 днів тому

    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 19 днів тому

      i am now realising that you are actually right

    • @hello19286
      @hello19286 16 днів тому

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

    • @senseicodes
      @senseicodes 15 днів тому

      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 15 днів тому

      @senseicodes it is OP. video will drop on wednesday

    • @Yeetus-sw3st
      @Yeetus-sw3st 2 дні тому

      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 19 днів тому

    Yeee bro

  • @beenqt6506
    @beenqt6506 19 днів тому

    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 19 днів тому

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

  • @سنابل-الفردوس
    @سنابل-الفردوس 22 дні тому

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

    • @nevillebrem
      @nevillebrem 21 день тому

      will check that out! is it compatible with sveltekit

  • @neondeex1598
    @neondeex1598 Місяць тому

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

    • @nevillebrem
      @nevillebrem Місяць тому

      nope absolutely not. you don't need anything react

  • @naldiojoaquim8920
    @naldiojoaquim8920 Місяць тому

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

  • @CeriseSky
    @CeriseSky Місяць тому

    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 Місяць тому

      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 Місяць тому

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

    • @nevillebrem
      @nevillebrem Місяць тому

      yup i really think it was a super good addition

  • @michaelandreuzza
    @michaelandreuzza 2 місяці тому

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

    • @nevillebrem
      @nevillebrem 2 місяці тому

      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 2 місяці тому

    What's your VS Code theme?

  • @Aestareth_
    @Aestareth_ 2 місяці тому

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

    • @nevillebrem
      @nevillebrem 2 місяці тому

      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

  • @robertholtz
    @robertholtz 2 місяці тому

    Zenith is pronounced “zee-nith.”

    • @nevillebrem
      @nevillebrem 2 місяці тому

      Yoo fr? Didn't know that

    • @robertholtz
      @robertholtz 2 місяці тому

      @@nevillebrem Yes, for real. ( ua-cam.com/video/6KiRKCOTC_8/v-deo.html ) Full disclosure, since having this exchange with you I looked into any valid variants of the word and apparently the British version of the word is pronounced the way you said it. So technically both are correct but the American pronunciation is far more prevalent. This is like aluminum, centrifugal, jaguar, letter Z, and a number of other ways British has distinct pronunciations for certain English words. Zenith was also a very popular American brand for many decades that greatly popularized the American pronunciation.For what its worth, I just subscribed to your channel. Cheers.

  • @robertholtz
    @robertholtz 2 місяці тому

    Hey Tailwind fans… Do you realize content and presentation were separated on purpose?

    • @nevillebrem
      @nevillebrem 2 місяці тому

      Wdym?

    • @zejwier5442
      @zejwier5442 2 місяці тому

      I mean if you think about it then in modern days html is thought only as a presentation layer, nobody inserts real content into it, but treats it as a function (html templates and componetization) that is being used to layout (present) the content (usualy some form of data from cms / database that is being deserialized on client or server)

    • @robertholtz
      @robertholtz 2 місяці тому

      @@zejwier5442 That is a bit of a stretch but I appreciate how well you support your statement. Just remember that Tailwinded CMS output still renders out to a static HTML markup styled in CSS.

    • @robertholtz
      @robertholtz 2 місяці тому

      @@nevillebrem Before CSS was created, styling was all done within the HTML natively. It was no where near as expressive and did was not responsive. That came with time. But the reason CSS was ever invented was with early online newspapers that wanted to change their layouts and styling independent of the story content. The whole point was to separate content from presentation by abstracting the styles into a separate definition that could cascade the site. Putting CSS into HTML defeats the purpose of why CSS was invented. And baking your styles into your markup really isn't a plus when the inevitable time comes that you want to iterate your design.

    • @nevillebrem
      @nevillebrem 2 місяці тому

      Ah i see, thanks for all of your inputs. I am well aware how tw works and especially how css works and why it is here and i stand with the statement that everyone should know css. But this video is still abt libraries for tw and not about tw itself.

  • @LucasSchindlerSalmerón
    @LucasSchindlerSalmerón 2 місяці тому

    Omg, crazy. Go Belvoir. Greatest man who ever lives

  • @spidey_bs109
    @spidey_bs109 2 місяці тому

    I love you bro😘😘😘

    • @nevillebrem
      @nevillebrem 2 місяці тому

      I love my self too

    • @nevillebrem
      @nevillebrem 2 місяці тому

      Just kidding, thanks for the feedback bro. Keep coding

  • @hanchi8710
    @hanchi8710 2 місяці тому

    what keyboard do you using? i like the sound

  • @WillDelish
    @WillDelish 2 місяці тому

    Thats very nice dx, I tried astro up to v2, but man they are updating this framework so freak'n fast. This might be the reason for me to switch over to astro

    • @nevillebrem
      @nevillebrem 2 місяці тому

      Yess! I know and it's great

  • @twd2
    @twd2 2 місяці тому

    finally 😍😍😍!!!

  • @charlesbcraig
    @charlesbcraig 2 місяці тому

    Just like social networks that start off with one simple feature, they eventually all turn into the size of Facebook. Svelte became React and now Astro will eventually be Next.js 😂

    • @fallingseasy
      @fallingseasy 2 місяці тому

      dont insult my love svelte like that!

    • @nevillebrem
      @nevillebrem 2 місяці тому

      Hot take my brother

    • @charlesbcraig
      @charlesbcraig 2 місяці тому

      @@fallingseasy don’t worry I’m team Svelte!

    • @digitaldrreamer
      @digitaldrreamer 2 місяці тому

      Svelte all the way. Svelte 4 tho. I've not gotten around to being comfortable with svelte 5

  • @kabadayus
    @kabadayus 2 місяці тому

    DaisyUI's main drawback for me is its poor accessibility (A11y) support and lack of encapsulation, especially compared to frameworks like Melt, BitsUI, or Shadcn-Svelte. While it may suffice for small projects where A11y isn't crucial, larger projects require significant manual effort to implement accessibility features. I prefer BitsUI because it offers strong A11y support, including ARIA labels, right out of the box, good encapsulation and super usefull apis and custom event listeners. Though BitsUI is mostly unstyled, it's easy to customise later with vanilla CSS or Tailwind, witch you would do anyway if you have your own design system.

    • @nevillebrem
      @nevillebrem 2 місяці тому

      True. But with daisy ui you only apply the styles and need to write the a11y yourself. But i see your point

  • @Danielo515
    @Danielo515 2 місяці тому

    Post to API logout to delete a todo ? What wn interesting naming convention

  • @nathnaelgetachew7379
    @nathnaelgetachew7379 2 місяці тому

    Just learnt alot from this.👌 If you'd just increase the font size and zoom a bit

    • @nevillebrem
      @nevillebrem 2 місяці тому

      Yo, will do that. Thanks for the advice

  • @nathnaelgetachew7379
    @nathnaelgetachew7379 2 місяці тому

    can't follow up, not a good vid

    • @nevillebrem
      @nevillebrem 2 місяці тому

      i'll try my best to improve!