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 :(
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.
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.
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..
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.
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
thanks for sharing this info, as it will definitely improve my time to delivery
Sure thing! Thanks for watching
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
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!
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 😊
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.
crazy, I just paid v0 subs for $20/mo, let me try this one, thanks bruh!
Nice 👍 let me know how it goes!
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
Thanks for the tips man
For sure! Thanks for watching!
очень интересно! продолжайте снимать!
Спасибо)))
Thanks for tips!
Hey Nassim! Glad you enjoyed it
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...
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
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.
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...