I don't think people appreciate just how much time this is saving, and how it's enabling people that had no business getting these apps setup and built do it easily. Every time the AI "suggests" a change and my man goes "yea, we'll just accept" is a bunch of time that should have taken a human developer to think, write, run, and test that this part works. Multiply that by the absurd amount of generations and you see just how much time this would take even for someone who knows how to actually do it! (and no one remembers all of this by heart, you will be going back and forth to documentation). Almost no one in the world will understand (not even most developers as they are in the denial stage) but this is an incredible shift, and is really only a temporary step in the race to eliminate software engineering and make everyone a CEO.
@@hqcart1 It will evolve it is early there is a lot of AI washing, Copywriting is a high art, Caude can write descent flowing copy but more than that it can generate interesting ideas, for coding I am sure there will be major time savers and nice sharable "components"
@@hqcart1 I have 15 years of software engineering experience, please don't tell me how I'm wrong about how much time this is saving in software development. 😂 It's true AI is not at the level of humans at everything, but billions of dollars are being spent on improving it by the smartest people in the world, and it is already superhuman at reading, writing, and cost.
@@ShpanMan I am not talking about any of that, if you really have 15ys in software engineering, you would know from the getgo that the code here has nothing to do with engineering, is hard to maintain, not upgradable, no visionary for future releases, etc... AI is here just to code small functions, if you want to plan a whole project with AI, good luck pal.
I have been trying it from last 5 days and I have already saved 4 days of work using it on my project. looking forward to when I get fully acquainted with it.
You can drop in your api key for Claude and GPT. With my personal use I have not hit any rate limits yet but if you are heads down during peak usage hours and hit limits just have your api key and use those rates. The prices have come down so much it’s almost negligible.
@@tnt1887 I'm asking because I used Claude Dev extension with my own Anthropic API key and it hit the rate limit very quickly. Any advise on that would be so so welcomed, ty so much.
@@ashwinsharma6708 is it an additional setting, i think the new version ClaudeDev extension has it enabled by default, unless I need to do some additional stuff. But, I'll be buying a Pro version of Cursor.
@angelina3069 There is no work around for api rate limiting. It's also not about how you access claude (cursors or claude dev, the same limits apply). What you need to do is up your subscription tier. $5 tier will let you get more claude milage than the free tier, then continue to upgrade as needed to get even more of claude. Like you I use claude dev to develop a SaaS product and I give claude very complicated instructions which require it to edit many pages, and rate limiting has been something of an inconvenience for me as well, so I looked into how to increase the limit and found that info I gave you on Anthropic's website.
Cursor can just create the files for you no? That's my big issue is still having to click around too much. It's almost like I am working for Claude lol. In Code Pilot I asked it to create a bash script i can run.
*𝓣𝓲𝓶𝓮𝓼𝓽𝓪𝓶𝓹𝓼 𝓫𝔂 𝓘𝓷𝓽𝓮𝓵𝓵𝓮𝓬𝓽𝓒𝓸𝓻𝓷𝓮𝓻* 0:00 - Introduction: Building a Full-Stack Web App with AI Tools 0:30 - App Overview: Demonstration of the Final Product 1:38 - Payment Confirmation and Stripe Dashboard Overview 2:49 - Setting Up the Project: Tools and Initial Configuration 3:18 - Creating the Frontend: Using Cursor for React Components 5:03 - Initial UI Design: Microservices Layout 7:46 - Styling Adjustments: Moving and Aligning Elements 10:01 - Running the Initial App: Resolving Errors 13:12 - Creating and Updating Sub Pages for Different Services 19:43 - Backend Setup: Introduction to Firebase and Stripe Integration 25:51 - Copying Styles from Existing Website to New App 29:11 - Finalizing the Frontend: Aligning Elements and Buttons 30:11 - Setting Up Firebase: Project Configuration and Stripe Integration 38:04 - Installing Stripe Extension: Handling Errors and Fixes 43:08 - Creating Firebase Functions: Writing the Backend Code 50:03 - Debugging Issues: Resolving Errors with Firebase and Stripe 52:40 - Testing and Debugging: Ensuring the App Functions Correctly 55:40 - Implementing Stripe Payment Capture Method 1:03:13 - Adding Security Features to Text Fields 1:07:21 - Testing Live Environment: Real Payment with Stripe 1:14:08 - Final Adjustments: Adding Calendly Link and Security Features 1:19:09 - Conclusion: Reflections on the Project and Tools Used
![Claude 3.5 Crash Course for Developers: Code 10x Faster in 2024 [Claude 3.5 artifacts]](http://i.ytimg.com/vi/fMa2zQIkQwM/mqdefault.jpg)
![Claude 3.5 Crash Course for Developers: Code 10x Faster in 2024 [Claude 3.5 artifacts]](/img/tr.png)
I don't think people appreciate just how much time this is saving, and how it's enabling people that had no business getting these apps setup and built do it easily.
Every time the AI "suggests" a change and my man goes "yea, we'll just accept" is a bunch of time that should have taken a human developer to think, write, run, and test that this part works. Multiply that by the absurd amount of generations and you see just how much time this would take even for someone who knows how to actually do it! (and no one remembers all of this by heart, you will be going back and forth to documentation).
Almost no one in the world will understand (not even most developers as they are in the denial stage) but this is an incredible shift, and is really only a temporary step in the race to eliminate software engineering and make everyone a CEO.
you cant be more wrong dude.
This is just for hobby,
for real business, this is garbage.
@@hqcart1 It will evolve it is early there is a lot of AI washing, Copywriting is a high art, Caude can write descent flowing copy but more than that it can generate interesting ideas, for coding I am sure there will be major time savers and nice sharable "components"
@@hqcart1 I have 15 years of software engineering experience, please don't tell me how I'm wrong about how much time this is saving in software development. 😂
It's true AI is not at the level of humans at everything, but billions of dollars are being spent on improving it by the smartest people in the world, and it is already superhuman at reading, writing, and cost.
@@ShpanMan I am not talking about any of that, if you really have 15ys in software engineering, you would know from the getgo that the code here has nothing to do with engineering, is hard to maintain, not upgradable, no visionary for future releases, etc... AI is here just to code small functions, if you want to plan a whole project with AI, good luck pal.
I have been trying it from last 5 days and I have already saved 4 days of work using it on my project. looking forward to when I get fully acquainted with it.
People often use starter templates so Cursor should provide that or generate it or maybe import from github.
Just pulled Cursor myself, I am enjoying the experience. I am wondering how much better/worse copilot workspaces will be when it releases.
I use copilot and GT vscode and it is terrible other than auto complete at its current version it is trash
cool too hear :)
Thanks for this video. I learned a ton..i wanted to try a webapp project and figure out supabase via claude and this gave me some more confidence.
Glad too help :)
So if your subscription finished on Cursor , you still can use the full function using your API key without paying for Cursor sub ? 🤔
yeah, you can use your Claude api key and use cursor for free(you do pay for your api usage ofc though)
yes :)
For now, the ramp up but this is currently to good to not pay for.
Claude API has some very strict rate limits. How do you deal with that?
You can drop in your api key for Claude and GPT.
With my personal use I have not hit any rate limits yet but if you are heads down during peak usage hours and hit limits just have your api key and use those rates. The prices have come down so much it’s almost negligible.
@@tnt1887 I'm asking because I used Claude Dev extension with my own Anthropic API key and it hit the rate limit very quickly. Any advise on that would be so so welcomed, ty so much.
@@angelina3069 have you tried prompt caching?
@@ashwinsharma6708 is it an additional setting, i think the new version ClaudeDev extension has it enabled by default, unless I need to do some additional stuff. But, I'll be buying a Pro version of Cursor.
@angelina3069 There is no work around for api rate limiting. It's also not about how you access claude (cursors or claude dev, the same limits apply). What you need to do is up your subscription tier. $5 tier will let you get more claude milage than the free tier, then continue to upgrade as needed to get even more of claude. Like you I use claude dev to develop a SaaS product and I give claude very complicated instructions which require it to edit many pages, and rate limiting has been something of an inconvenience for me as well, so I looked into how to increase the limit and found that info I gave you on Anthropic's website.
Cursor can just create the files for you no? That's my big issue is still having to click around too much. It's almost like I am working for Claude lol. In Code Pilot I asked it to create a bash script i can run.
This is cool and all. But let's see you move it into a Prod env, maintain it over time, and version the source. Then I'll be a buyer
what do you mean?
thanks:)
so awesomet
calendry
haha i know
*𝓣𝓲𝓶𝓮𝓼𝓽𝓪𝓶𝓹𝓼 𝓫𝔂 𝓘𝓷𝓽𝓮𝓵𝓵𝓮𝓬𝓽𝓒𝓸𝓻𝓷𝓮𝓻*
0:00 - Introduction: Building a Full-Stack Web App with AI Tools
0:30 - App Overview: Demonstration of the Final Product
1:38 - Payment Confirmation and Stripe Dashboard Overview
2:49 - Setting Up the Project: Tools and Initial Configuration
3:18 - Creating the Frontend: Using Cursor for React Components
5:03 - Initial UI Design: Microservices Layout
7:46 - Styling Adjustments: Moving and Aligning Elements
10:01 - Running the Initial App: Resolving Errors
13:12 - Creating and Updating Sub Pages for Different Services
19:43 - Backend Setup: Introduction to Firebase and Stripe Integration
25:51 - Copying Styles from Existing Website to New App
29:11 - Finalizing the Frontend: Aligning Elements and Buttons
30:11 - Setting Up Firebase: Project Configuration and Stripe Integration
38:04 - Installing Stripe Extension: Handling Errors and Fixes
43:08 - Creating Firebase Functions: Writing the Backend Code
50:03 - Debugging Issues: Resolving Errors with Firebase and Stripe
52:40 - Testing and Debugging: Ensuring the App Functions Correctly
55:40 - Implementing Stripe Payment Capture Method
1:03:13 - Adding Security Features to Text Fields
1:07:21 - Testing Live Environment: Real Payment with Stripe
1:14:08 - Final Adjustments: Adding Calendly Link and Security Features
1:19:09 - Conclusion: Reflections on the Project and Tools Used