had the same error on the Tailwind, Cursor/Claude couldnt solve it, and your trick to wipe out the index.css and added 3 lines worked!!! should have revisited the video when i saw that error :(
Every time I try composer, it doesn't implement the files as thoroughly, often leaving comments like "implement logic here" instead of writing it out. Also, the flow to apply/undo edits becomes more complex. I keep wanting to use it but having negative experiences with it while the chat has been super consistent and high quality for me.
Couple of thoughts: 1. Understanding web development fundamentals helps you know when security is a concern (e.g. protecting secrets, ensuring user token is passed and validated with each request, etc). 2. I will be making a series for new developers starting to code with AI and one of the videos will cover security fundamentals. 3. This video is talking about UI components which will be a part of your UI. There is nothing to "secure" here because UIs are inherently public. When you start managing users and talking to the server, that's when the security stuff will start to apply.
Apparently yes! I didn't think so, but it looks like there is a Vue version of the shadcn components library - so check out www.shadcn-vue.com/ I haven't experimented with it so I am not sure how well it works, but seems like it would be quite similar!
Yes it will, shadcn-vue works as same as the og react one, but the table is a little annoying, everything else is very easy. also there are snippet extension for imports and boilerplates, it works in both react and vue lol.. Svelte also has it, but haven't used it yet.. I've also seen one which is framework agnostic, forgot its name though..
Yep! I think it's a powerful strategy. Windsurf does not assume you're using any particular UI framework either, so you can take this approach with Windsurf as well!
Volo, love your videos, but i feel like you were unfortunate here. The power of v0 is not on shadcn. I just made a frontend app with Nuxt 3 and DaisyUI using v0 with a really good design. In my case, the secret for the design was in describing the application idea, details and telling the AI to use a real existing website as a template, in my case i told him to use duolingo website. The only problem is that the AI catches only old versions of websites, but it is still incredible. I will try later if i can manage to do the same using Cursor.
Hey, thanks for the input. Yeah v0 definitely can use other UI frameworks - but what typically sets it apart from 'out of the box' Cursor is that Cursor won't use design systems by default, but v0 does. I think Cursor ultimately has much more flexibility so I don't feel it's worth switching between apps and paying for multiple services if you can get most of the way there with Cursor (and then iterate from there). Anyhow, thanks for watching and appreciate your comment!
We'll see - but something tells me that it won't. They've been a year ahead and I expect they will continue. Big companies are largely too clunky and bureaucratic to stay at the forefront on the application layer.
Well yes, but it's both since React and Cursor are not competing frameworks/tools. Cursor, like v0, is an AI tool to write code. React is a popular JS frontend framework and shadcn is a set components that can be used on top of React. You can use it even without AI - but the idea of the video was to show how you can make beautiful UIs in Cursor and without needing to use v0.
I use Vo because I'm not a coder. I can whip up prototypes in record time just by speaking to it in natural language. My brother started programming back in the days of machine language and assembly, and these days he prefers frameworks that abstract the lower levels when he can. If that philosophy is good enough for him, its certainly good enough for me...
![Cursor vs Bolt vs Replit vs v0 [Best AI Coding Tool]](http://i.ytimg.com/vi/_9OE1KA1Wfs/mqdefault.jpg)
![Cursor vs Bolt vs Replit vs v0 [Best AI Coding Tool]](/img/tr.png)
Exactly what I wanted. Love it. Cursor completely changed the game
Absolutely! Thanks for watching :)
You must use React as well then, unless I'm mistaken
@@xzatech no I use Vue on the front end
Not many youtubers share their honest thoughts. Thank you for sharing valuable points that helps everyone!
Thank you!
thanks for sharing this info, as it will definitely improve my time to delivery
Sure thing! Thanks for watching
The simple the better - I stick with Cursor as well - thanks for tips:)
Hey Micbab, nice to see you again :) yeah it's amazing how much you can do with Cursor!
had the same error on the Tailwind, Cursor/Claude couldnt solve it, and your trick to wipe out the index.css and added 3 lines worked!!! should have revisited the video when i saw that error :(
Glad you got through it!! Yeah it was interesting to see that a couple of steps were missing from the official guide
I recommend using the setting sand loading shadcn docs and doing that, so everything is latest.
Great tip - and also modifying .cursorrules to make it use shadcn each time
@@VoloBuildshow would you set that up? I’m new to cursor 😊
Why using chat instead of composer?
Every time I try composer, it doesn't implement the files as thoroughly, often leaving comments like "implement logic here" instead of writing it out. Also, the flow to apply/undo edits becomes more complex. I keep wanting to use it but having negative experiences with it while the chat has been super consistent and high quality for me.
That's wild, I use composer all day every day and am blown away
How are you ensuring you code is secure?
Couple of thoughts:
1. Understanding web development fundamentals helps you know when security is a concern (e.g. protecting secrets, ensuring user token is passed and validated with each request, etc).
2. I will be making a series for new developers starting to code with AI and one of the videos will cover security fundamentals.
3. This video is talking about UI components which will be a part of your UI. There is nothing to "secure" here because UIs are inherently public. When you start managing users and talking to the server, that's when the security stuff will start to apply.
Brilliant tip. Thank you!
No problem! Merry Christmas :)
Make a 2hr tutorial on this please
What would you like to see? Just building a full app consisting of shadcn components?
@@VoloBuildsyes a full consisting of shadcn components
Will it work for vuejs too?
Apparently yes! I didn't think so, but it looks like there is a Vue version of the shadcn components library - so check out www.shadcn-vue.com/
I haven't experimented with it so I am not sure how well it works, but seems like it would be quite similar!
Yes it will, shadcn-vue works as same as the og react one, but the table is a little annoying, everything else is very easy. also there are snippet extension for imports and boilerplates, it works in both react and vue lol.. Svelte also has it, but haven't used it yet.. I've also seen one which is framework agnostic, forgot its name though..
If u wanna rely heavily on ai code generation, react might be the better choice since ai models are much more proficient with it. Or so ive heard...
i wonder if with what's going on with windsurf right now, you're still using that Cursor + shadcn strategy
Yep! I think it's a powerful strategy. Windsurf does not assume you're using any particular UI framework either, so you can take this approach with Windsurf as well!
@@VoloBuilds Keep up the bangers coming man, love the vibe and the knowledge!
@@WTPleo Thank you! :) Appreciate it!
Thanks for the tips man
For sure! Thanks for watching!
Thanks for tips!
Hey Nassim! Glad you enjoyed it
очень интересно! продолжайте снимать!
Спасибо)))
crazy, I just paid v0 subs for $20/mo, let me try this one, thanks bruh!
Nice 👍 let me know how it goes!
Volo, love your videos, but i feel like you were unfortunate here. The power of v0 is not on shadcn. I just made a frontend app with Nuxt 3 and DaisyUI using v0 with a really good design. In my case, the secret for the design was in describing the application idea, details and telling the AI to use a real existing website as a template, in my case i told him to use duolingo website. The only problem is that the AI catches only old versions of websites, but it is still incredible. I will try later if i can manage to do the same using Cursor.
Hey, thanks for the input. Yeah v0 definitely can use other UI frameworks - but what typically sets it apart from 'out of the box' Cursor is that Cursor won't use design systems by default, but v0 does. I think Cursor ultimately has much more flexibility so I don't feel it's worth switching between apps and paying for multiple services if you can get most of the way there with Cursor (and then iterate from there). Anyhow, thanks for watching and appreciate your comment!
Is there any simpler way? 😅
Check out the GitHub repo in the description! You can copy it and be up and running in a few minutes :)
cursor soon getting crashed by github copilot with its claude sonnet integration .
We'll see - but something tells me that it won't. They've been a year ahead and I expect they will continue. Big companies are largely too clunky and bureaucratic to stay at the forefront on the application layer.
This misleading in a way the title of this video is cursor + shadCDN but I heard as long as you are using React you can use shadCdn
Well yes, but it's both since React and Cursor are not competing frameworks/tools. Cursor, like v0, is an AI tool to write code. React is a popular JS frontend framework and shadcn is a set components that can be used on top of React. You can use it even without AI - but the idea of the video was to show how you can make beautiful UIs in Cursor and without needing to use v0.
Who uses v0? 😂
Haha it certainly received a lot of hype!
I do, it saves me time
I use Vo because I'm not a coder. I can whip up prototypes in record time just by speaking to it in natural language. My brother started programming back in the days of machine language and assembly, and these days he prefers frameworks that abstract the lower levels when he can. If that philosophy is good enough for him, its certainly good enough for me...