- 40
- 60 785
Nev the Dev
Switzerland
เข้าร่วมเมื่อ 20 ส.ค. 2023
web dev from switzerland
follow me on my journey:)
follow me on my journey:)
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
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!
combine a modal with SvelteKit's shallow routing
มุมมอง 2K8 หลายเดือนก่อน
combine a modal with SvelteKit's shallow routing
create a modern form with SvelteKit Superforms and Tailwind
มุมมอง 1.4K8 หลายเดือนก่อน
create a modern form with SvelteKit Superforms and Tailwind
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
the best auth library got even better!
มุมมอง 3.7K9 หลายเดือนก่อน
the best auth library got even better!
A little late but Merry Christmas! 868th subscriber 👍
thanks!!
Great overview
thanks!
Excellent video! Shout out to programmers in Brazil
thanks!
Thanks for the shoutout ❤
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.
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
I’m currently stuck in useEffect hell on a React project I inherited 😭
oof... i migrated an app to sveltekit. it's not that difficult. try it
@ 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…
@@charlesbcraig well that's a bummer. wish you the best and merry christmas!
@nevillebrem Merry Christmas!🎄
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.
DaisyUI is the way
DaisyUI is the way
i came from react but it was meh. sveltekit ftw
yeah i use it too. but shad is also pretty neat
❤️
Been using svelte for about 5 years. It's sooooo nice. I can't stand react anymore.
what is neon
Your mom
In short: a hosting provider for postgres databases
incredible content, more!
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