Radix Themes: Awesome New Components For NextJS
Рет қаралды 14,864
Күн бұрынThe NextJS App Router's auto mode does a great job of figuring out when a page is static or dynamic, but how and when should you take control for yourself?
Code: github.com/jherr/radix-pokemon
Radix Themes: www.radix-ui.com/
WorkOS: workos.com/
AuthKit: www.authkit.com/
👉 Upcoming NextJS course: pronextjs.dev
👉 Don't forget to subscribe to this channel for more updates: bit.ly/2E7drfJ
👉 Discord server signup: / discord
👉 VS Code theme and font? Night Wolf [black] and Operator Mono
👉 Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF
00:00 Introduction
01:58 Radix Themes Installation
02:46 Theming
07:35 AuthKit Authentication
12:52 Database Setup
15:10 Building The Home Page
17:08 Building The Deck Detail Page
20:06 Adding Pokemon Search
22:43 Outroduction
The video is sponsored by WorkOS.
@genshian 14 күн бұрын
Why do I think this guy is one of the coolest KZfaqr I've seen in a while.
@LutherDePapier 18 күн бұрын
Thanks. Now I think I'll make my own as well this month, I've really been meaning to try Radix Themes and AuthKit, and even the Next.js 15 RC.
@aecsar 18 күн бұрын
Thanks
@Love-id8gu 15 күн бұрын
Hi! Great video! 👋 I would love to see a video on creating a small CRM with user permissions using a modern stack: Next.js, TypeScript, Drizzle, Lucia Auth, Zod, Zustand, React-Hook-Form, Tailwind CSS, shadcn/ui. I think your subscribers would love it too! (And me! 😊) You're doing a fantastic job, keep it up!!!
@aboidrees 17 күн бұрын
What is the terminal you use ? How you themed zsh like that ?
@matias6798 12 күн бұрын
Hey Jack, I'd love to see more vids about authentication, shared auth + micro frontends, but not using Next JS, maybe some vite related stuff
@ReactNativeWeeks 18 күн бұрын
i've tried to use AuthKit with role based auth but couldn't figure out a easy way to do it... maybe a good follow up video?
@vpetryniak 18 күн бұрын
I’m so used to tailwind that do not see point of this lib. It reminds me MUI… shadcn/ui is just more flexible and configurable even if takes more time
@Justin-xj7te 17 күн бұрын
I thought the same exact thing as soon as I saw the
@adreto2978 15 күн бұрын
Radix primitives better for full control.
@SaifurRahmanAkash 18 күн бұрын
If this was built on top of tailwind, It would've been my default. Loved it how it looks
@spacecore2077 18 күн бұрын
Same 😢
@jeck8513 18 күн бұрын
yeah
@yashsolanki069 17 күн бұрын
Why do we have two components folder and the component file names are not capitalize (ideally we capitalize components naming). May i know what principal we are following here. Thanks
@gerkim3046 17 күн бұрын
i have this same question too
@bogdanfilimon2486 17 күн бұрын
And on top of that some components created in another folders with component-name case 😅
@codernerd7076 18 күн бұрын
How is the Next.js course going? It's on my much buy list if it doesn't break the bank 😅
@jherr 18 күн бұрын
Videos are finished, they are in the production pipeline right now.
@OnlyJavascript 18 күн бұрын
@@jherr wow..waiting
@user-sc2dc4ud7b 18 күн бұрын
Can you make a video deep diving into Astro vs. Nextjs? Considering that Astro can scale to dynamite websites too.
@greendsnow 18 күн бұрын
Didbyou say nextUI ?
@alexkarpen 18 күн бұрын
Jack, your vscode is broken. The file explorer is in the wrong place :D
@max_cr_it 12 күн бұрын
How this auth can work with my nestjs server?
@jherr 12 күн бұрын
They have a node library you can use for low level control of auth.
@ThEGeEeK 18 күн бұрын
sounds like uncle bob !!!
@marcuss.abildskov7175 17 күн бұрын
The problem with Radix Themes is that the CSS is completely over bloated.
@ThEGeEeK 18 күн бұрын
similar to chakra ui
@kashnigahbaruda 18 күн бұрын
No tailwindcSS?? I'm out
@AbuBakr1 17 күн бұрын
Tailwind CSS in manual mode 😅
@kamalkamals 17 күн бұрын
New Components For NextJS ?? !!
@darren4635 16 күн бұрын
Radix is the next biggest thing. Buy the dip.
@Mehdi-th8ns 18 күн бұрын
Its doesnt work with react 19 :/
@stephenhaney5740 18 күн бұрын
Radix release candidate version has React 19 support (React 19 is still RC)
@LutherDePapier 18 күн бұрын
@@stephenhaney5740 Thanks.
@jherr 18 күн бұрын
Works just fine with React 19. Issue is the peer dependency, but that's going to be an issue with any library.
@Mehdi-th8ns 17 күн бұрын
@@jherr oh hell yeah thanks the heads up
@AndreasSchlapbach 7 күн бұрын
Didn't like that some of the styling (like padding or margins) is in the components and some is in CSS. Preferring tailwind's unified tailwind approach.
@aleksandarpopovic3615 18 күн бұрын
overall bad experience, not compatible with react 19, has warning for ref, is not compatible between its own components, I recently tried to do alert and tooltip over button and it doesn't work without making spaghetti code, missing form components e.g date picker etc
@speedster784 18 күн бұрын
React 19 isnt even officially release yet and radix already has a fixed for it in it release condidate version for when react 19 is officially release.
@jherr 18 күн бұрын
It has the same issue with React 19 as any library. Their peer dep for React is on 18, but all released libraries are on 18, since 19 is still in RC.
@gmd2171 18 күн бұрын
Try Mantine and there is no coming back
@Victor-dd7el 18 күн бұрын
is raadix themes an alternative to shadcnui?
@imrdeveloper 18 күн бұрын
Mmm shadcn is based in radixui primitives, radixui themes is their "shadcn" in his way
@Victor-dd7el 18 күн бұрын
@@imrdeveloper so radix themes and shadcnui are both based on radix and styled?
@imrdeveloper 18 күн бұрын
@@Victor-dd7el yes, based on primitives and styled
@wealthassistant 18 күн бұрын
Shadcn includes additional elements like carousel, data tables, notifications
@Victor-dd7el 18 күн бұрын
thanks for your clarification
@saik999 16 күн бұрын
Too fast to follow
@mohammedasifuzzaman1329 18 күн бұрын
you lost me when you said..... 'do not install tailwindcss.....'
@81NARY 18 күн бұрын
You can use it with tailwind, look at their repo discussions and search for "tailwind". @frontendfyi also has a nice video on using css layers to use tailwind and radix themes.
@talhaibnemahmud 18 күн бұрын
Just what I was about to comment
@lutfiikbalmajid 16 күн бұрын
no thanks
FISPECKT
Рет қаралды 277 М.
LED Screen Factory-EagerLED
Рет қаралды 2,3 МЛН
Immersed
Рет қаралды 22 МЛН
STICKY Art Shorts
Рет қаралды 2,2 МЛН