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.
Building a Next.js project with v0, shadcn/ui, and Cursor
From the course: Create Your Dream Apps with Cursor and Claude AI
Building a Next.js project with v0, shadcn/ui, and Cursor
- [Instructor] It's really amazing what you can do with V0, Shadcn, and Next.js. So I'm going to show you a really cool trick, and we're going to turn our UI and put that in the React project in Cursor. Now, if you look at some of the history of the pages that we have generated in V0, you can see that they're pretty good, and they need a little bit more customizations, but so far it's really pretty good. Now, what we're going to do now is we're going to look at Shadcn, and I want to show you that you can actually take any component and turn that into let's say a V0 chat. So for example, I can say open in V0. Now, because I'm in Safari, I need to click here to unblock, but if I do this, you can see that it's bringing that to the chat, and I can ask to change the colors, for example, to blue, and it's going to iterate here. But obviously that's not all because we need to take this and put it in a React project in Cursor. Now, the first thing you need to do is to copy the installation…
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