Let's build an app's Backend using AI in 153 min (Cursor AI, Claude AI, Firebase, GitHub, React)

Поделиться
HTML-код
  • Опубликовано: 5 фев 2025
  • In this series, I’ll show you step-by-step how I built a backend application using Cursor AI, React, Firebase, and GitHub. I’ll cover hosting, authentication, database management, serverless functions, file storage, analytics, and monetization, ending with a full-stack deployment.
    SUBSCRIBE for more! 👉 bit.ly/3zlUmiS 👈
    👨‍💻 Ask Me Anything / Exclusive Content (119+ Lessons) ☕
    www.skool.com/...
    Grab the full source code from the tutorial - absolutely free 🏂
    github.com/cof...
    Google Doc referenced in the video:
    docs.google.co...
    Still need help setting up? Chat with this video here 👇
    bumpups.com/
    🛠️ Let's build a web app with AI - [Frontend] (3+ hours of content)
    • Let's build a web app ...
    Key Takeaways:
    ✩ Learn to set up React, Firebase, and integrate AI tools for backend development.
    ✩ Implement essential backend features like hosting, authentication, databases, serverless functions, and storage.
    -------------------------------------------------
    ➤ other places I exist
    • 🤠 2nd Channel (digital nomad): / @corbinwander
    • ✖️ X: x.com/corbin_b...
    • 🥾 Instagram: / corbin_braunlich
    • 🎧 Bräunlich: / braunlich
    -------------------------------------------------
    ▼ Extra Links of Interest:
    automate everything. 👇
    linktr.ee/_cafe_
    My Setup To Record Content (amazon storefront) 📷
    amzn.to/4d8Qkg2
    Become an Early Adopter 🍻
    / @corbin_brown
    My name is Corbin, creator of bumpups.com and investor behind _cafe_.
    I build things for fun 🤠
    OpenAI Chat Documentation
    Given a list of messages comprising a conversation, the model will return a response.
    platform.opena...
    How to Become an AI Prompt Engineer For Beginners
    • How to Become an AI Pr...

Комментарии • 26

  • @WinonaNagy
    @WinonaNagy Месяц назад +1

    Impressive coverage, Corbin! Detailed steps from hosting to serverless functions-exactly what the backend community needs. Can't wait to dive in!

  • @MatthewSanders-l7k
    @MatthewSanders-l7k Месяц назад +1

    Awesome series Corbin! Looking forward to diving into backend setup with Cursor AI and React. This detailed walkthrough on hosting, authentication, and full-stack deployment is next-level!

  • @NaveenReddy-p5j
    @NaveenReddy-p5j Месяц назад +1

    Fantastic series, Corbin. Covering backend development step-by-step is so helpful. Can't wait to dive into hosting, serverless functions, and more!

  • @DavidIbe-q2z
    @DavidIbe-q2z Месяц назад +7

    Please Corbin please put the entire series into one playlist so that we can follow along. Thank you so much for this training. I have zero knowledge in coding, have been duped severally by programmers and have loads of projects that I want to work on. Don’t like my job so this knowledge will help me build my dream, thank you so much.

    • @gerardiai
      @gerardiai Месяц назад +1

      I like this idea

  • @andydataguy
    @andydataguy Месяц назад +1

    Bro this is the video I needed in my life. Thank you!!! 🙌🏾
    Just binged this and going to tackle my first build with firebase

  • @bumpupsapp
    @bumpupsapp Месяц назад +4

    Hey Everyone 🤠
    Find the parts that interest you:
    0:00 - Introduction to backend development
    1:01 - Overview of series and episodes
    9:33 - Installing GitHub for the project
    12:11 - Generating a personal access token
    19:03 - Setting up Firebase backend with React
    22:58 - Creating a simple landing page
    29:35 - Deploying Firebase hosting
    32:46 - Merging pull request in Git
    39:21 - Installing Firebase tools
    41:30 - Setting up Firestore database
    49:32 - Making CTA buttons functional
    55:00 - Running the Firebase emulator
    59:02 - Overview of authentication logic
    1:01:00 - Introduction to Firestore setup
    1:10:52 - Overview of software development functions
    1:21:19 - Importance of commenting out code
    1:23:12 - Ensure functions are redeployed correctly
    1:31:58 - User dashboard and email setup
    1:34:30 - Importance of local storage
    1:39:01 - User authentication and unique data
    1:42:33 - User sign in with Google
    1:49:14 - Initializing Python functions in Firebase
    1:52:56 - Cost-effective solutions for OpenAI models
    1:56:00 - Deploying Python functions to Firebase
    2:02:54 - Connecting Firestore emulator
    2:06:03 - Updating OpenAI to latest version
    2:13:03 - Restarting the emulator for updates
    2:16:08 - Overview of storage capabilities in backend
    2:23:20 - Importing storage and icons
    2:25:53 - Overview of connecting Google Analytics 4
    Chat with videos via Bumpups 🌲

  • @CharlotteLopez-n3i
    @CharlotteLopez-n3i Месяц назад +1

    Great lineup of topics, Corbin! Your insights on hosting and authentication will be super useful.

  • @hamishsnod
    @hamishsnod Месяц назад +1

    this kind of content is insanely valuable. kudos to you for being authentic and genuinely helpful. immediate sub

  • @lionimagery4482
    @lionimagery4482 Месяц назад +1

    Dude you are the Man, THANK YOU FOR THIS!!! 🔥🔥🔥 I wish more RUclipsrs was like you, and what I mean is, I wish more know what the hell they are talking about. thank You again, love the Chanel keep doing what you do.

  • @ColeFassino
    @ColeFassino Месяц назад

    Interested in relational databases for backend app development. Have you thought about creating content on that? I've been trying to learn about firebase data connect compared to other methods and how that could integrate into what I've learned in your series. You do such a good job of explaining everything.

  • @agnostimous2859
    @agnostimous2859 День назад +1

    A postgreSQL or Supabase version of this please?

  • @aleem11
    @aleem11 Месяц назад +1

    Corbin your insane✨

  • @gerardiai
    @gerardiai Месяц назад +1

    Let's Go!! Thank you

  • @DanZL1
    @DanZL1 5 дней назад

    Hi Corbin, I recently purchased a React JS job board application from Themeforest but it's just a frontend with user dashboards and a beautiful layout. Now I am stuck trying to figure out how to build the backend. Could you please advise if there is a AI tool where I can upload the frontend to start building the backend. I have no coding experience.

  • @hope42
    @hope42 Месяц назад

    Why not use ssh with GitHub?

  • @seanvanslycke2139
    @seanvanslycke2139 Месяц назад

    Please do one on hosting please

  • @andreialcaza
    @andreialcaza Месяц назад +2

    👍

  • @chadpogs7973
    @chadpogs7973 Месяц назад +2

    Wow!!

  • @thejahcoop
    @thejahcoop Месяц назад

    Has anyone experienced a version 18 vs 19 issues with cursor AI. From what I can tell, testing requires react 18.0 so 19.0+ cannot be used.

    • @nickdyak
      @nickdyak Месяц назад

      Unless im misunderstanding what you mean by testing, you can definitely use latest. Im using latest next 15.1.3 and react 19.0.0 and run tests with Jest. Claude has memory limits and doesn't know about latest versions. You must use the "@web" command in your prompts or paste the hyperlink so it can look stuff up realtime.

    • @thejahcoop
      @thejahcoop Месяц назад

      @@nickdyak Installing packages. This might take a couple of minutes.
      Installing react, react-dom, and react-scripts with cra-template...
      added 1321 packages in 48s
      266 packages are looking for funding
      run `npm fund` for details
      Installing template dependencies using npm...
      npm error code ERESOLVE
      npm error ERESOLVE unable to resolve dependency tree
      npm error
      npm error While resolving: bvr@0.1.0
      npm error Found: react@19.0.0
      npm error node_modules/react
      npm error react@"^19.0.0" from the root project
      npm error
      npm error Could not resolve dependency:
      npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
      npm error node_modules/@testing-library/react
      npm error @testing-library/react@"^13.0.0" from the root project
      npm error
      npm error Fix the upstream dependency conflict, or retry
      npm error this command with --force or --legacy-peer-deps
      npm error to accept an incorrect (and potentially broken) dependency resolution.
      npm error
      npm error

  • @JorgeAsc-vf7xw
    @JorgeAsc-vf7xw Месяц назад

    Hello there, I’m super into this app creation thing, I have ideas like everyone else you know, but I only have an iPad 2 with me, like literally one of those old iPad 2, and wanted to know, can I accomplish any of this with just my iPad and maybe a wireless keyboard for typing? I’m saving for a laptop but for now, broke haha is that even possible?

  • @nickdyak
    @nickdyak Месяц назад

    1:34:56 goofy looking dog = goofy. They probably have some BS copyright stuff

  • @hamburger--fries
    @hamburger--fries Месяц назад +1

    Lets see you cover theme design with tailwind and AI, via VS Code. Both front-end and back-end need or can use theming. A little bummed you went the course method. Super cheesy 2010s marketing move. So many better ways to build a community and sell full working apps and monthly subscriptions, etc. But a course?