- 37
- 55 908
Nev the Dev
Switzerland
Приєднався 20 сер 2023
web dev from switzerland
follow me on my journey:)
follow me on my journey:)
I was wrong about auth...
the PR: github.com/nevthereal/zenith/pull/13
my links: links.nevillebrem.com
subscribe for more:)
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
create a modern form with SvelteKit Superforms and Tailwind
Переглядів 1,2 тис.7 місяців тому
create a modern form with SvelteKit Superforms and Tailwind
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
the best auth library got even better!
Переглядів 3,7 тис.8 місяців тому
the best auth library got even better!
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
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.
This is not rolling your auth, it's just an OAuth2 client... when did people start to get confused about this?
you're right. it's more like rolling my own session mgmt and slapping oauth on top of it
@@nevillebremso gonna keep the clickbait or...
This whole series is awesome, thank you very much 💚
really glad i could help bro!
This is awesome, thank you
thanks!!
Any thoughts on Stack Auth?
don't know it, will check it out
@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.
what's that keyboard and do you recommend? thanks for the content!
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
Thank you, how would you add authentication and authorization here?
with lucia or an other auth library. will do a tutorial soon
@@nevillebrem Thank you, if you could please compare cloudflare d1 with turso
@TomislavMiletic maybe if i find time. but i see what i can do
Thanks, so Lucia is deprecated or not? Do you use it for client work?
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
@@nevillebrem thank you
your content is so inspiring
Bro, thanks for bringing out sooo many videos lately. Love them
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.
will do that! thanks for the feedback
Read the lucia docs and the handbook they're providing. Its really not that difficult, you just have to get into it.
Svelte 5 aka Vue3 from 2019 with minor API and performance differences
🧐
Definitely feels like it. Logically, I understand the changes. Syntactically it seems like regression.
Svelte is reinventing JSX but worse.
not at all bruh. they don't want to be jsx but sth new. sth better
@nevillebrem They don't want JSX, and as a result they built something worse.
@@babakfp why worse?
JSX is cursed af.... HTML first all day all the way.
@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.
JavaScript developers are so embarrassing. They just patch things. I pray this culture remains in JavaScript and not creep out into other dev communities. 😢
Install Arch Linux and delete GayOs 😡🤬
😂
GayOS? Lol who hurt you
@pookiepats it's alright he's a friend 😂
@@nevillebrem nah fck that! ;)
bro two vids in 1 week, keep up the good work my asian G
OMG, thanks very much for this video. It helps a lot. Will use it on tuesday. Thank you very much!!!
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
thanks, it is a pleasure :)
Great! Would love a detailed tutorial on Svelte 5 with Skelton showing CRUD operations via Drizzle.
will do that as soon as skeleton v3 is stable
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!
better-auth has 77 dependencies (including peers) :(
Lucia is still king of auth. He gave us the code, guidelines and safe way to roll your own auth and its really easy
disappointing indeed. but don't worry. a follow up video will drop in two days
you are quiet as fu 😭😭 had to turn up my volume a whole lot
thanks for the feedback, will do that for my next vid
NEV THE DEVVV
Lucia is not gone
yeah i know
audio is Sh**
bruh
can you explain in more detail please :)
@@nevillebrem audio seems fine to me, not sure what hes refering to
Hi bro, consider bumping up your font not visible enough on mobile.
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!
i am now realising that you are actually right
I agree. Too many people bought into the auth provider marketing that rolling your own auth is somehow unsafe or too complicated.
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!
@senseicodes it is OP. video will drop on wednesday
It is just like using these fancy ORM's when you can just use SQL, the risks are very easily mitigated
Yeee bro
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 :^)
Yess, thank you for a new video. We love you!!! Nice Sweatshirt
the haunt for the best charting library (Echarts) for me just like Daisy Ui is my fav
will check that out! is it compatible with sveltekit
to use resend in svelte do i need react-doom?
nope absolutely not. you don't need anything react
Why don’t exists a library for clerk equal nextjs?
you mean for svelte?
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.
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
The SaaS boilerplate RyzeKit Astro uses Astro Actions, and it definitely simplifies alot of form-handling in the backend 👍
yup i really think it was a super good addition
Tailwind css it's not a library....
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
What's your VS Code theme?
GitHub theme
I prefer using framework-specific libraries, because afaik they're higher quality. Like Vuetify for Vue or MantineUI for React
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
Zenith is pronounced “zee-nith.”
Yoo fr? Didn't know that
@@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.
Hey Tailwind fans… Do you realize content and presentation were separated on purpose?
Wdym?
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)
@@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.
@@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.
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.
Omg, crazy. Go Belvoir. Greatest man who ever lives
I love you bro😘😘😘
I love my self too
Just kidding, thanks for the feedback bro. Keep coding
what keyboard do you using? i like the sound
Keychron K6
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
Yess! I know and it's great
finally 😍😍😍!!!
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 😂
dont insult my love svelte like that!
Hot take my brother
@@fallingseasy don’t worry I’m team Svelte!
Svelte all the way. Svelte 4 tho. I've not gotten around to being comfortable with svelte 5
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.
True. But with daisy ui you only apply the styles and need to write the a11y yourself. But i see your point
Post to API logout to delete a todo ? What wn interesting naming convention
Whoops 😅 DELETE
Just learnt alot from this.👌 If you'd just increase the font size and zoom a bit
Yo, will do that. Thanks for the advice
can't follow up, not a good vid
i'll try my best to improve!