From the course: Create Your Dream Apps with Cursor and Claude AI
Unlock this course with a free trial
Join today to access over 24,800 courses taught by industry experts.
v0 chat and shadcn/UI
From the course: Create Your Dream Apps with Cursor and Claude AI
v0 chat and shadcn/UI
- [Instructor] This is v0 Chat, and it's just so much better than the normal v0 interface. There are some key differences between the two, which I'm going to explain, but first of all, let me show you the result of what I'm able to build with just nine prompts. As you can see, this is a full UI, a dasard with a menu with states and fully functional and adaptive layout. Look at that, and I was able to use the Shadcn library. And here, they have a lot of these charts that you can use for your UI, and I think they're absolutely beautiful. You can even customize the theming for each of them. And I think if you follow this UI, which is insanely popular, especially if you work with Next.js, and you have so many options, so many components, you iterate that with v0 Chat, then you can create something far more compelling than, let's say, if you go with the normal route of doing it with cloud artifacts and maybe Galileo. So the key difference is that we are more focused on UI versus cloud…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
- Intro to Claude AI and Artifacts7m 18s
- (Locked)Ideation and iteration5m 27s
- (Locked)User interface9m 51s
- (Locked)The art of prompting10m 55s
- (Locked)Intro to Cursor9m 28s
- (Locked)Publish your site4m 42s
- (Locked)Versions with and autopublish13m 13s
- (Locked)v0 chat and shadcn/UI10m 20s
- (Locked)Getting started with React: Next.js16m 31s
- (Locked)React project with Vite and Tailwind CSS19m 54s
- (Locked)Building a Next.js project with v0, shadcn/ui, and Cursor13m 30s
- (Locked)Figma to Claude AI to React project in Cursor19m 12s
- (Locked)Building a Next.js chat app with OpenAI API19m 54s
- (Locked)Reading code, logs, and troubleshooting27m 6s
- (Locked)Extensions, styling, and Vercel27m 21s
- (Locked)Markdown, , and styling27m 33s
- (Locked)Exploring Claude 3.7 Sonnet and Claude Code8m 15s
- (Locked)Updating a Figma plugin with Claude Code30m 38s
- (Locked)GPT-4.514m 56s
- (Locked)Manus AI9m 20s
- (Locked)Create 3D models with Claude AI and BlenderMCP26m 37s
- (Locked)Create your first macOS app with Cursor and Xcode34m 25s