ShadCN’s Revolutionary New CLI

Shadcn is setting the new standard for vertically integrated component libraries. Not only can you get all the components you need, but the building blocks of a full application like a responsive sidebar and a login page. Plus it integrates with v0 to give you the AI-driven UI development of your dreams.

👉 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:39 Creating an app with Shadcn
03:35 Trying out our app
04:49 What are Shadcn blocks?
05:30 Adding a login UI
06:18 Linking the pages together
07:34 Theming Shadcn
08:46 The new Shadcn charts
10:18 Importing components from v0
11:37 Support for other frameworks
11:53 Outroduction

[djcardwell]

I'm a former developer from Apple and recently found your content. Thank you for being open minded on using AI. I'm noticing a trend from some "smart" developers who I've worked with to bash on AI and it never made sense. We should be using it rather than fighting it.

[turokII]

I’ve been loving the regular shadcn-ui and radix workflows, will have to try this! I’d love more Payload CMS and n8n content too, those have been top of mind recently

[tyroneonokue]

Just found your page!.I Would pay for this! love how straight forward and short this is!

[ramiassi]

i feel like this is the future and it definitely deserve more hype

[g-kkone]

Amazing Jack !
Thanks to share it with me !

[NARY]

I did convert login and sidebar to remix, just change the link from next link to remix's link, "href" to "to" as well and change the cookie stuff to use remix's createCookie. But I'd say just wait as mr. chad said they are working on a better sidebar.

[loquek]

I've been using ParkUI and it's had a CLI for a while, I don't know if that's interesting to note. Also it sit ontop of a lot of work that handles state and UI components with types etc... it's definitely worth a look <3

[truthalwaysprevails]

I will sit this one out. Well shadcn in itself is impressive but this ai cli stuff is half-baked. Let's see if this gets better in future.

[my_yt]

Awesome! A fanstastic SaaS boilerplate based on shadcn/ui: Achromatic dev

[Ilikecats_youtube]

We really need Shadcn to support more frameworks outside of React. Solidjs would be great

[khaled_osman]

"if you thought over reliance on libraries or forking github repos and losing out on updates was bad, well we made it even worse and brought copy pasting code back" - shadcn, game changer in 2024.

[hello]

Now I can add untested AI slop into my codebase even faster, truly revolutionary!

[JoelKallstrom-jpgr]

It took you a month to do a sidebar? You should do a video on that - what the specific challenges were and how much time this would have saved you.

[somewonderfulguy]

I think it will take time for me to rewire myself to build code like this. I still haven't dove into Tailwind...

[cristianmargineanu]

I use nextui, it's just perfect for what I need

[ИванИванов-цюх]

main question, why to use nextjs for admin? seems like ceo is not needed here

[huangtw]

oh shoot I always thought it's shaCDN I was so wrong 😑

[MrJettann]

Jack, can you make video about memory optimizations in next js and how to optimize first load of the page in next as well? Would be so amazing! In my projects it's often in red color

[Jeremygrmn]

Since when was a side bar added to shadcn???

[theasdazx]

Hey Jack, have you ever been sponsored by vercel? If you ever did, would/did you make clear that the video is sponsored?