Coding With Cursor AI: Lets Build a Full-Stack Web App feat Stripe | Full Tutorial

Поділитися
Вставка
  • Опубліковано 7 лис 2024

КОМЕНТАРІ • 38

  • @TheBuzzati
    @TheBuzzati 2 місяці тому +2

    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.

  • @tradingwithwill7214
    @tradingwithwill7214 Місяць тому +2

    People often use starter templates so Cursor should provide that or generate it or maybe import from github.

  • @ShpanMan
    @ShpanMan 2 місяці тому +21

    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
      @hqcart1 2 місяці тому +2

      you cant be more wrong dude.
      This is just for hobby,
      for real business, this is garbage.

    • @Chris_Faraday
      @Chris_Faraday 2 місяці тому +1

      @@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"

    • @ShpanMan
      @ShpanMan 2 місяці тому +5

      @@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.

    • @hqcart1
      @hqcart1 2 місяці тому +1

      @@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.

    • @chandrasekhar01
      @chandrasekhar01 2 місяці тому +2

      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.

  • @tnt1887
    @tnt1887 2 місяці тому +2

    Just pulled Cursor myself, I am enjoying the experience. I am wondering how much better/worse copilot workspaces will be when it releases.

    • @angelina3069
      @angelina3069 2 місяці тому +2

      I use copilot and GT vscode and it is terrible other than auto complete at its current version it is trash

    • @AllAboutAI
      @AllAboutAI  2 місяці тому +1

      cool too hear :)

  • @SaidThaher
    @SaidThaher 2 місяці тому +3

    So if your subscription finished on Cursor , you still can use the full function using your API key without paying for Cursor sub ? 🤔

    • @meekun6452
      @meekun6452 2 місяці тому +3

      yeah, you can use your Claude api key and use cursor for free(you do pay for your api usage ofc though)

    • @AllAboutAI
      @AllAboutAI  2 місяці тому +1

      yes :)

    • @mulderbm
      @mulderbm 2 місяці тому +1

      For now, the ramp up but this is currently to good to not pay for.

  • @cv4875
    @cv4875 2 місяці тому +3

    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

  • @IntellectCorner
    @IntellectCorner 2 місяці тому +2

    *𝓣𝓲𝓶𝓮𝓼𝓽𝓪𝓶𝓹𝓼 𝓫𝔂 𝓘𝓷𝓽𝓮𝓵𝓵𝓮𝓬𝓽𝓒𝓸𝓻𝓷𝓮𝓻*
    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

  • @angelina3069
    @angelina3069 2 місяці тому +8

    Claude API has some very strict rate limits. How do you deal with that?

    • @tnt1887
      @tnt1887 2 місяці тому +3

      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.

    • @angelina3069
      @angelina3069 2 місяці тому +3

      @@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
      @ashwinsharma6708 2 місяці тому +1

      ​@@angelina3069 have you tried prompt caching?

    • @angelina3069
      @angelina3069 2 місяці тому

      @@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.

    • @makemoneydigital7624
      @makemoneydigital7624 2 місяці тому

      @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.

  • @micbab-vg2mu
    @micbab-vg2mu 2 місяці тому +3

    thanks:)

  • @chipinhead-dg8in
    @chipinhead-dg8in 2 місяці тому +2

    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.

  • @HoaVanAI
    @HoaVanAI Місяць тому +1

    so awesomet

  • @ShadiPaterson
    @ShadiPaterson 2 місяці тому +1

    calendry

  • @andresgarzon6993
    @andresgarzon6993 Місяць тому

    Bro is internet Jesus he makes prosperity out of nowhere like fish for all...and also made a platform like Jesus needs with his own celestial microservices: hear your boring prayings 20 bucks, hear your shit 40 bucks, guidance and support 60 bucks, blessings for you and family 80 bucks... + 20% tip 13:47