How To Build Web Apps using V0 + Claude AI + Cursor AI
Вставка
- Опубліковано 5 лют 2025
- In this video, I share with you the AI workflow I use to build web apps.
Follow me on Twitter: dub.sh/ras-twi...
Join my Discord: dub.sh/discord...
My portfolio: rasmic.xyz
My Nextjs SAAS Starter Kit: starter.rasmic...
My Blog Builder & CMS: tsafi.xyz
Browser I use (Arc): dub.sh/my-browser
Recording & Editing Software: dub.sh/my-editing
I'd love watching you build something from start to finish with no steps skipped :)
hey, but he did just that. Well he skipped the part of copy-pasting, but anyway.
like if ur nice to your ai when prompting
Always great them and say thank you and goodbye. No Ouija shit, I just want them to remember I always been nice to them just in case. 😬.
I'm Barely kidding 😂
You never know man… they might end up being disgruntled employees… 😂😂 I’m very polite to them 😅
@@iAmDonH smart man
I'm nice to everything. 🕊
Someone asked why LLM hallucinates and is so convinced the info they give then is correct, I replied it's because we taught them gaslighting with reinforcement learning
Dude. First, you’re a great teacher. Second, please do a full video where you build a “proper” (full multi-page) app. Thanks!
did you found any ?
If you found one till me @@magicismagic123
I’ve been using this stack for months now since this video, and I’m always nice to my AI
Bro!!! This is exactly what I was looking for. Thank you so much for creating this video. As a full time frontend developer, I can see how useful it could be to me. And also for my side projects, this will help me get up and running quickly (that's the hard part you know, "The initial setup"). Thanks, and keep making such videos. We would love an in depth tutorial series of you making an app or saas type product using this flow. Cheers!
Well done. I appreciate your statement about not being a finished application, but rather providing a starting point. This aspect is the most frustrating for me in any stack. This is fantastic.
bro you are one of the best narrators. damn love it, belive me you are the best one in yt
Bless up brother!
Designer here trying to catch the wave - i like your style sir, and would love a full walkthrough series!
Thanks, will do my g
Designer here too, I am already coding my ideas hahaha
@@stanford19 What a party of designers - let's go!
This is definitely the best approach Ive seen presented on how to code with this stack. Sincerely, thank you!
Bruh you’re making building ideas AND AI interaction so accessible for people! Thanks for sharing, keep doing great work 🔥
Its even more fun when you comnect a backend and api support. The possibilities are endless, and you learn the code and framework with more exposure.
Hey @rasmic, I just wanted to say thank you for continuing to make content. I like the short format and how clear you are, which makes you different from other content creators. Hope to see you grow!
I like your realist style. Keep it up, looking forward to more videos
thank g
the "remember app router" prompt too real.
it be forgetting sometimes lol
bro I been trying to tell chatgpt this shii for soo loong everytime when the app router was new lmaoo
😂😂😂
Articulate, knowledgeable and direct. We like this.
thanks u g
bro that was not direct wtf lmao
@@Bartofii95 which bit do you think should have been shorter?
I really like the balance of not saying AI will replace all devs and not saying it's useless. Thanks for sharing!
Yes, it will not replace developers, it will just increase productivity by writing boring, repetitive blocks of code. Similarly, when engineering adopted CAD software, engineers didn't spend 90% of their time drawing lines on paper. This didn't decrease the number of engineers needed, it just increased the opportunity to create really complex designs.
Ras - your perspective on this is absolutely spot on. I’ve watched a ton of content about the latest in AI development tools and far too many people are coming at it from the perspective of a traditional developer. When speaking to people coming from no code or people that aren’t technical at all, most of the content fails to strike the right note with this latter audience. I think he did a great job speaking to the non-technical audience here.
Please teach us how to build a fullstack app using this framework. You’re my favorite teacher already
I'm only 3mins into this video and I already liked and subscribed. As a no-coder/low-coder this is exactly the content and guidance I'm looking for. I'll be very keen to see a further fuller tutorial also.
These are useful for repetative tasks like making these static pages and stuff, helps speed up the process and focus on other important tasks in the codebase
facts
Awesome. You turned a simple HTML page into 20 different TS files.
😂😂
And how long would that typically take someone? Bro I did so much shit with chatGPT it’s ridiculous.
Some people just don’t know how to leverage tools efficiently but chatGPT alone can replace humans.
I’m currently working on a program that can update its own code and continue improving itself to get better at making code.
I basically built a weaker version of copilot in less than 24 hours, let that sink in, chatGPT can manage my files by interacting with an interface that it built…
The future depends on how companies decide to proceed. They could easily fire half of their dev staff right now.
He turned a one file generation into appropriate folder structure according to best practice.
@@aaagaming2023 Subjective nonsense. For example I have a giant Elm file in one of my projects, it's organized very well and is super easy to edit and refactor with a decent editor (Vim w/ a code folding plugin). Breaking this into 20 files would add a ton of bloat and misdirection... and this is for a real app, not some marketing page.
@@dave9527 Stacks like this where the AI does it procedurally when approached and prompted right completely nullifies this silly viewpoint. If theres an industry standard to writing code a certain way thats developed and adhered to by consensus, who are you to say its dumb? Better to admit youre dumb and being a stickler for nesting a daunting mass in a single giant file than to poke fun at others for neatly organizing their code. Coders are generally known for structure and organization so when framework devs create these conventions it must be for a reason, right? I mean, even ants and bees compartmentalize. Think about it.
AI is still a baby. I remember just year ago i was learning context api with AI and it was struggling. Now we are already building components and much more. I am super stoked to see whats going to be next year September. Nice content Ras !
thanks for the comment my g
this was super helpul. i've been wanting to find tools like this to get started quickly with frontend stuff. would love to see a full tutorial including backend too!
Thank you brother, I honestly can't believe I'm watching this for free. I'm a complete newbie in cursor and v0, but I can follow this quite easily.
Great vid bro. I will try this soon!
thank u g, have fun
Just stumbled on your video and I must congratulate you! Well explained and appreciate the time you've spent in showing your workflow. Instant sub!
I must say: I love your workflow. I have been trying to build a full stack app using different AI models, though it has been helpful so far but not perfect as I have to keep going back and forth with debugging but I’m definitely going to try this out!
Thanks for sharing!
Great video. Your last part of the video about the developer mindset is spot on! Subbed!
Good stuff and you had me from... "Always be nice to your AI" Cheers!
Bro you are about to blow up. thanks for creating this content
I’m curious why not just paste the v0 right into cursor since it uses Claude?
This might just be me but i find Claude itself is a lot smarter than cursor + Claude. So i just default to Claude for some things
do you suggest to pay for a Claude pro account and use Opus or just stick to the free one with Sonnet 3.5?
I ask because already pay for Cursor, v0 and GPT 😂
Thanks for asking this question as I had the same when I watched this video and thanks for answering as well..I guess I got the recipe to build great products!
dope vid again my dude!
Appreciate your real perspective,
and this vid was like perfect timing,
peace! from da homie!👊
appreciate u gangy!!!
Brother you have been a great helper on this ! Many thanks for your contribution. I look forward to discover your future great content. Be blessed in the name of Jesus
Amen!!! Thank you brother in Christ
Awesome. Small note: It might not replace developers (I am one too) but what I am seeing in the market is that the open listings for freelancers are drying up quickly and companies are re-evaluating new hires. When the current flock of developers can 2x, 5x, or even 10x- supported by the organization- new developers are not needed as much anymore. Which can cause burnout, stress and dev. fatigue for current developers. You might be able to go 5x, but your organisation is going to start expecting it soon enough. Keep up the awesome work!
That was a perfect video about using tools i wait for next video which you create whole application :D
will do g
One thing I do to avoid copy/paste, I just ask claude to generate a bash script for the generated files with thier contents, then I execute it in the project dir
You are absolutely on the money! I’ve been using cursor for a couple of weeks, before that I was just using GPT4. Today, cursor was getting confused with crewai project templates using poetry, along with other python files I had in the project. I finally had to step in and fix it. I was using Claude sonnet 3.5 with cursor, I wonder if using OpenAI I would’ve been better.
Ras is a wise man! Love your content and insights 👍
Buddy this is amazing! I watched you in a podcast with Greg Isenberg and as a product designer who wants to learn about code and leverage the AI this blows my mind.
If possible, I would love to see this framework you are using but in a case where you want to build an iOS app in Swift.
Keep on great work ❤🔥
You a legend fr ong No Cap No Kizzy Let’s Get This Bread gang 🙌🤑
appreciate u gang
"Always be nice to your AI"
You are absolutely correct.
Nice video man this is my framework as well + o1-preview for document generation
You're awesome, my friend! Keep up the great work!
On point . Waiting for more tutorials like this.
wow, thank you so much this is amazing!!!!!! Thank you for putting int he time to show this workflow you have. It would be amazing to see how you go from scratch too a fully shipped application.
Thanks man. I like the way you break down how to use various tools.
Yeah I need a full tutorial man ❤🎉
Nice work brother! End to End deep tutorial for newbie’s like me will be very helpful. Keep it going!
that's coming
Ras im from Argentina, thanks for all the info, great channel and even greater human!
love my g, thank u
Love the tutorial. Continue rocking and sharing man
Man, you’re the best. Keep it up!!!
I appreciate you gang
wonderful found! thank you so much im building a saas product and this is incredible useful!
Very useful and intriguing tutorial😂 THANKS SO MUCH
U' re my new best friend! Thanks from Argentina, Bro!
thanks! for sure would love a video on more complex web apps. for some inspiration, maybe show the process of creating components in v0, organizing in Claude or ChatGPT, adding the components to Cursor, adding a database, connecting some workflows, showing how two different user types with two different interfaces can share that database, deploying the app somewhere and then making edits/debugging from there.
Congratulations bro for your videos. Greetings from Spain
I like the change in tone after the header problem
I've seen your workflow, it's great! Thanks!
Thanks for this - i believe this workflow will all come together when either of vercel or replit brings this all together with agents to provide a end to end experience. also we need to think of databases , security, scalability and deployment of these as we move beyond POCs
Great video and really useful for a novice like me. Do i need the upgrade or will the free plan serve me well to start with ?
Wow, that's inspiring. Like your approach.
i appreciate that homie
Great workflow! I managed to create an MVP from scratch.
I have a question that I’d appreciate your input on, if you’ve already encountered this or have an idea on how to address it. The flow you presented was V0 -> Claude -> Cursor, but have you explored how to iterate back to V0 at a later stage?
I had my basic design ready, with components separated, and I started working with Cursor, enhancing the project with Claude and other AIs. Eventually, I wanted to go back to V0 to make some modifications, enhancements, and add a new section to the landing page, among other updates, and continue using its capabilities on my web app. However, I was unable to do so because V0 works with a standalone single file, whereas my project now consists of multiple components. I tried several methods to unify the code, but I was never able to render my (now updated) project in V0.
Do you know how to address this?
Fire vid my boy keep them coming 🔥🔥
thanks g
very nice! also question what do you use to record your screen looks really nice :)
it's linked in my bio g
@@rasmic the site doesnt work / is down
@@ctrlcheeb www.screen.studio/?aff=z9LMV
Thank you, very useful!
Appreciate you my g!
Thank you so much bro. Simple content and it looks great.
Love the process! Thanks for sharing.
Really interesting video. I was looking for something like this. I hope you find the time to make a more complete guide on how to build a complete web app!
will do my g
I like that flow
thanks g
Thank you bro, flow is fire
Never used cursor AI before but will look into it. Did you see Claude Dev already. Looks similar to Cursor AI. Besides that we have pretty much the same flow. Also glad to see someone trying to place AI correctly. AI will replace us eventually, but for now it is a very strong copilot everyone should have
i had a great time watching this. i like to use AI like this. just stream thoughts into a prompt
Glad you enjoyed it!
Your content it excellent! Provides great value.
Great video! Subbed!
Thanks bro! Appreciate the sub my g
Dope video man! Super valuable. Found you from Greg's channel. Quick question - what screen recording app are you using? How are you doing the zoom ins and outs - is that part of the recording software, or are you keyframing it in post production software i.e. Premiere Pro?
Finished mine with Cursor AI :)
More Love bro.
Thank you for this video
Absolutely in love with it ❤.
At this rate i am going be your friend 🎉
Greate stuff! What do you think about Replit and AnotherWrapper? Would you add one or the other to your framework? Thx
Hey Ras! Your videos are awesome. Just stumbled upon your channel.
What are you using to record your videos?
Cheers!
This is nice. What advice do you have for non coders to become good at developing applications?
practice makes better
@@rasmic must we learn to code or isn't not necessary?
This is awesome, I use the same framework, would love to see you Implement a full tutorial with it. Thanks.
more v0 -> claude -> cursor projects plz! lets get crazy
will do my g
Great demo. Loved it. Hope you keep doing more. I was intrigued by your dev environment. Thanks for listing "Arc" in the show notes, I'll try it out. I had a couple suggestions that may be of help: 1) add Grammarly to your browser and it will automatically spell check you in real-time, no more wondering if your spelling or grammar is correct, 2) I don't think "obfuscate" applies in the context you used it here (ua-cam.com/video/grc0YSEdUQY/v-deo.htmlsi=tlL6irYes3kBLKR2&t=733). Keep up the great work!
I would like to see what you do after. getting the website layout is simple enough - but what about backend, database, and hosting
Hey @rasmic really nice minimalistic tutorial. Would really like to see how you do a more full functioning app.
Also, what app are you using for a browser that looks like Slack and the tabs are on the left?
Well done for taking the hype out of the current buzz. I've found that ai claude and GPT will get you so far, then You come up against a problem and no matter how many times you prompt it, it just won't be able to solve that problem. And then, if you're not a developer, you're gonna struggle to try and get past that hurdle.
nice workflow! what browser do you use to show this?
great ... i would love to see the full scale backend design as well
Nicely explained!
Great video. I would want to see more videos about creating pages and routing with cursor.
V0 + shadcn cli + cursor = game changer!!
I’m new to this. How did you fix the header at the end? Great tutorial, thanks!
Also how well do you find this code to be robust to various screens/devices?
Looking forward to watching the full tutorial.
great video! What are you using for a web browser? I see you have the newest OS installed?
Ras, if I made a video using a whiteboard to show Lovable what kind of app I want, is it able to read the video and start coding? I know you can feed it text prompts, screenshots, and docs, but will it also accept a screencast? And further, if I talk during the video, can it also process audio? If not, is there another AI tool you know of that can do what I’m asking? Thanks for explaining stuff clearly for noncoders! 👍
Hey Ras, awesome video i reccomend u to let ChatGPT-4 handle your prompts, who better to chat up an AI than another AI
Nice Video mate. Subscribed.
thanks broski!!
great idea to use Claude organize file structures :) It's more efficient than doing it in cursor. thanks.
facts my g
Don't understand this - couldn't composer take the code from V0 and create the pages without all the copy pasta??
@@nimblename composer be dumb sometimes imo plus don't wanna max the cursor calls
Awesome content bro really. Thank you
thank u my g
Really interesting topic brother. I subscribed.