The code behind shadcn/ui CLI

This week’s Learn from Open Source video takes a deep dive into the code behind the shadcn/ui CLI and shows you how it was built.

Shadcn UI is a popular collection of re-usable components with its own CLI. The CLI uses Commander.js and ASTs (Abstract Syntax Trees).

Shadcn/ui: https://ui.shadcn.com/
GitHub: https://github.com/shadcn-ui/ui/tree/c6917799ce188cb4cf48018b8c093bfebd6b3eac

* Twitter: https://twitter.com/elie2222
* Newsletter: https://opensource.beehiiv.com/
* Discord: https://discord.gg/RWwKa2Sn7h

📖 Learn from Open Source: https://github.com/elie222/learn-from-open-source
📭 Inbox Zero: https://getinboxzero.com
👩🏼‍💻 Skilled, freelance developer jobs: https://skilled.co.il

📒 Chapters:

00:00 – Intro
00:40 – shadcn/ui demo
01:05 – How to run the CLI
03:23 – Diving into the CLI repo
05:11 – Commander.js
17:18 – ASTs
22:55 – shadcn/ui website and registry

Each week I do a new video on an open source project. Subscribe to get notified about the next video.