Radix Themes: Awesome New Components For NextJS

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?


👉 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]

Why do I think this guy is one of the coolest YouTuber I've seen in a while.

[LutherDePapier]

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.

[Love-idgu]

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!!!

[SaifurRahmanAkash]

If this was built on top of tailwind, It would've been my default. Loved it how it looks

[matias]

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

[marcuss.abildskov]

The problem with Radix Themes is that the CSS is completely over bloated.

[vpetryniak]

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

[codernerd]

How is the Next.js course going? It's on my much buy list if it doesn't break the bank 😅

[yashsolanki]

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

[aboidrees]

What is the terminal you use ? How you themed zsh like that ?

[scdcudb]

Can you make a video deep diving into Astro vs. Nextjs? Considering that Astro can scale to dynamite websites too.

[ReactNativeWeeks]

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?

[alexkarpen]

Jack, your vscode is broken. The file explorer is in the wrong place :D

[AndreasSchlapbach]

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.

[max_cr_it]

How this auth can work with my nestjs server?

[aleksandarpopovic]

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

[darren]

Radix is the next biggest thing. Buy the dip.

[mohammedasifuzzaman]

you lost me when you 'do not install

[gmd]

Try Mantine and there is no coming back

[Victor-ddel]

is raadix themes an alternative to shadcnui?