How to Use AI to Build a Web App in 10 minutes (Template + Full Guide)

Sdílet
Vložit
  • čas přidán 10. 09. 2024

Komentáře • 122

  • @rileybrownai
    @rileybrownai  Před 25 dny +20

    Instructions for template: go to create.inc ... There you will find the template, and mindmap at the top. If you click on Aug 16 you'll be able to see the full breakdown of the template with the custom Claude project instructions and more. if you have questions that is where you should leave detailed questions that you have as well as ideas etc. Much love, Riley.

    • @black_rph
      @black_rph Před 25 dny +1

      That's great! Is it possible to create some more complex apps such chrome extension using this template?

    • @Jozephashley
      @Jozephashley Před 25 dny

      yo thanks man.

    • @akademi2u127
      @akademi2u127 Před 25 dny

    • @ozonehephzibah6949
      @ozonehephzibah6949 Před 25 dny

      Solid and Actionable Video.
      Looking forward to the series.

    • @CodingScot
      @CodingScot Před 23 dny

      Here's an open source replit project that could be hacked, it's for Audio to text.
      github.com/Bklieger/ScribeWizard

  • @nareshmeetei
    @nareshmeetei Před 24 dny +7

    This is gold for non-coders like me building AI SaaS.

    • @LemonIcedTeaBaby
      @LemonIcedTeaBaby Před 9 dny +1

      you shouldn't be building AI SaaS if you don't know how to maintain it

  • @lunchbox5664
    @lunchbox5664 Před 25 dny +11

    I predict that your channel is about to grow at an insane rate. Thank you for clarification in this.

    • @rileybrownai
      @rileybrownai  Před 25 dny +3

      @@lunchbox5664 I’m here to help not make number go up. But if it happens, great

  • @CaptainNu-cu8hy
    @CaptainNu-cu8hy Před 22 dny +4

    not only is this beneficial to non coders but will help those with coding knowledge bump out more work and their own ideas as well. I'm 27 projects in with using Ai and I couldn't be happier

    • @abdallamosa8836
      @abdallamosa8836 Před 7 dny

      27!! That's insane. Help me set up a process please

  • @sirishkumar-m5z
    @sirishkumar-m5z Před 25 dny +3

    Fantastic tutorial on web app building with AI! With SmythOS, you can streamline the process even further using pre-built AI Agent templates and limitless API integrations. #WebDevelopment #AI

  • @ginocote
    @ginocote Před 25 dny +17

    DOWNLAOD VS Code and And AI extension instead of Replit. Even better, use Cursor instead of VS Code, it's the same thing but with AI integrate in it with free limited AI models. Or use AI extensions like Claude Dev ect. (You need a api key) Or just use any AI you already using online but for programming, Claude Sonet 3.5 is still the best.

    • @cleanmoneyjose2240
      @cleanmoneyjose2240 Před 24 dny

      Dumb question but I use visual code with all the integrations you mentioned but what I have trouble with the most is running it in a side window. I run it and it takes me to chrome or whatever I’m using like react. How do I run it as easily in Studio? Thanks!

    • @ChrisLaupama
      @ChrisLaupama Před 23 dny +6

      Replit has Claude built in now.

    • @danirogerc
      @danirogerc Před 4 hodinami

      Was going to say that cursor just works better than this setup.

  • @Robert.28
    @Robert.28 Před 25 dny +7

    dude you're killing it with these videos!

  • @AbdulGiwa
    @AbdulGiwa Před 21 dnem

    I'm a python backend dev, always struggle with getting frontend developer for my projects, this will be very useful for me.

  • @chokmah3926
    @chokmah3926 Před 25 dny

    men you guys nailed it, I have been struggling to figure out how to build me backend logic, this video blew my mind, incredible guys, woooowwww

  • @WeadeWeadeWeade
    @WeadeWeadeWeade Před 25 dny +2

    Is your middle name Prometheus?
    Your work and this series is a real gift, seriously.
    Can’t wait to try this and watch part 2!

    • @rileybrownai
      @rileybrownai  Před 25 dny +3

      Part two bouta be so f***ing lit trust me

  • @sahilraj4834
    @sahilraj4834 Před 25 dny +6

    Wow bro great work. And thanks for bringing a dev on board 🎉

    • @rileybrownai
      @rileybrownai  Před 25 dny

      Dev city

    • @sahilraj4834
      @sahilraj4834 Před 25 dny +1

      BTW many devs on upwork won't be happy 😁 You can see the look on their faces

    • @photomack1
      @photomack1 Před 22 dny

      @@sahilraj4834 hahaha so true

  • @brindusanraul6571
    @brindusanraul6571 Před 25 dny +5

    Where can i find the template? i cannot find it on replit

  • @samds7750
    @samds7750 Před 25 dny +4

    Replit says you can talk with Claude within Replit, so you wouldn't have to copy things over to Claude itself, is that true?

  • @AtlasBit
    @AtlasBit Před 25 dny

    Amazing stuff for small projects when you have the ideas and you want to make them reality to scale them later

  • @TanushPrajwalS
    @TanushPrajwalS Před 25 dny +1

    The only thing i did not like is the limitations , generated a few artifacts already getting limitations , but indeed this is a game changer AI , looking forward what this tool could do in the coming time ..

  • @jimhart5797
    @jimhart5797 Před 22 dny +1

    How are those secrets secured when the app is deployed with Replit? Is the frontend going through some backend proxy?

  • @pioggiadifuoco7522
    @pioggiadifuoco7522 Před 25 dny +2

    Thank you guys for the huge effort you are putting in this! I'm so grateful.
    As others are asking for, me as well would like to know some more deep into costs when you're going to put a real life project in production, would you guys please go into details about it?
    Thank you.

    • @rileybrownai
      @rileybrownai  Před 25 dny

      This is lesson 1

    • @rileybrownai
      @rileybrownai  Před 25 dny +3

      There will be valuable lessons every week. With time. I’m still learning. As I learn you learn

  • @Jeenas.Kitchen
    @Jeenas.Kitchen Před 6 dny

    Do you recommend to buy Claude Pro to build? There is Claude usage limit a day. PPL say Free-5 prompts, Pro - 25 prompts. Am I correct?

  • @CashuzDaGeneral
    @CashuzDaGeneral Před 22 dny +1

    Why does every other process wants me to use GIthub or a repository? Do you use Github? If so, can you do a video on that? Thanks.

  • @timj4real
    @timj4real Před 23 dny +1

    Followed the directions to a tee, but when I hit run in Replit the first time (before using Claude) the run seems to be fine, but the webview page never loads. Perhaps there is a setup in Replit I need to do as I am a new user to Replit?

  • @prasannaphotographymadurai

    from India, Love your dedication bro .

  • @NotToji777
    @NotToji777 Před 25 dny +5

    Install Claude engineer in vs code to save your precious time

    • @NotAJiveTurkey
      @NotAJiveTurkey Před 25 dny

      is it faster than the method in this video?

    • @NotToji777
      @NotToji777 Před 25 dny +4

      @@NotAJiveTurkey yeah, replit is nothing more than a code editor and not only using Claude engineer u can use different ai tools to autocorrect your current code in vs code

    • @ginocote
      @ginocote Před 25 dny +2

      No need for Replit (it's based on VS code source code)
      Even better, use Cursor instead of VS Code, it's the same thing too but with AI integrate in it with free limited AI models. Or use AI extensions like Claude Dev or egeneer or continue and others ect. (You need a api key from the one with extension) Or just use any AI you already using online but for programming, Claude Sonet 3.5 is still the best.

  • @MalharTakle
    @MalharTakle Před 6 dny

    @rileybrownai : How can I use this with Azure environment instead of Firebase?

  • @aleem11
    @aleem11 Před 25 dny +1

    As you mentioned the link will get disable after closing the replit right. My question is after fully building the web app how to get the permanent link of the web app so that it can shared with any one

  • @danirogerc
    @danirogerc Před 4 hodinami

    Why do you use replit? What's the advantage?

  • @artur______
    @artur______ Před 25 dny

    Love your videos! Waiting for React Native mobile app! 😍

  • @melvinjongen1697
    @melvinjongen1697 Před 20 dny

    More claude replit builds 🎉

  • @miguetdmz
    @miguetdmz Před 9 dny

    Great content, will be nice to have shorts of your videos, is there any AI that you can automatize that? Thanks ans regards from MX

  • @abdullla.0
    @abdullla.0 Před 25 dny

    here you go, that's what i talked about. BIG FAN

    • @rileybrownai
      @rileybrownai  Před 25 dny +2

      FOR THE PEOPLE!!!

    • @sahilraj4834
      @sahilraj4834 Před 25 dny

      Yeah many thanks. From the community. You are the lightbearer.

  • @MaximilianFeichtinger
    @MaximilianFeichtinger Před 25 dny +2

    How much is replit and firebase - this setup - a month?

    • @rileybrownai
      @rileybrownai  Před 25 dny

      @@MaximilianFeichtinger firebase free replit I forget. Cheap

  • @jayprice4543
    @jayprice4543 Před 4 dny

    I can't find the template. From the comments, it looks like I'm not the only one. Help!

  • @johnnysaye
    @johnnysaye Před 21 dnem

    Wondering if starting with a frontend design speeds up things? I'm using Galileo AI to get a design, then edit it in Figma, hit the Locofy button and I've got all the code. I've been adding it to Cursor AI but since I have no clue on backend, I just have a pretty screen that navigates/interactive but doesn't really do anything. The part my brain needs to comprehend is how to tie the backend in correctly.

  • @MeirRosenscheinQ
    @MeirRosenscheinQ Před 3 dny

    Does Replit Agent change this methodology at all?

  • @NotAJiveTurkey
    @NotAJiveTurkey Před 25 dny

    Subscribed and thank you

  • @dambrubaba
    @dambrubaba Před 25 dny +1

    excellent..just add stripe to this template

  • @drumbassclassics953
    @drumbassclassics953 Před 25 dny

    This looks very good, I’ve spent hours trying to connect these together over the past few weeks. Could you update to also incorporate OAuth?

  • @DarkkSabbir
    @DarkkSabbir Před 24 dny

    Very nice work 🎉

  • @henripereira7253
    @henripereira7253 Před 14 dny

    Great Video. Is Projects tab only available on the paid version of Claude?

  • @kjabze
    @kjabze Před 21 dnem

    Can you make another video on how to start from a pre-designed UI to production? that would be a 1m views video right there !

    • @rileybrownai
      @rileybrownai  Před 21 dnem

      Wym? This template allows you to change it. ALL OF IT. it just has libraries

  • @roshisadiq8519
    @roshisadiq8519 Před 13 dny

    Hi m just try to understand basics of Ai,wanna ask if we can create any tipme of aap like gaming aap or any other aap for selling and buying?

  • @brto
    @brto Před 18 dny

    Anyone can become an AI developer from this channel. No one will work at McDonald's anymore.

  • @lawrence1679
    @lawrence1679 Před 5 dny

    What about Creating Mobile App? can you do a video on it pls

  • @NattapongPUN
    @NattapongPUN Před 25 dny

    Wow Amazing

  • @RuneEllingsenMarketing

    Hey. Love the videos. The template though. The link is not working?

  • @chokmah3926
    @chokmah3926 Před 25 dny

    great job

  • @moranlivne
    @moranlivne Před 25 dny

    you help me so much

  • @a_man001
    @a_man001 Před 25 dny +1

    Teach us how to use Claude in Visual Studio.

  • @continuouslearner
    @continuouslearner Před 15 dny

    there is no link to the mindmap

  • @rando.2988
    @rando.2988 Před 16 dny

    >build a web app in 10 minutes
    >36 minute video

    • @rileybrownai
      @rileybrownai  Před 16 dny +3

      Hahah we paused so much to explain things.
      There was an intro
      Set up process
      And then we made the app which I could make in 5 min if I wasn’t explaining the whole process

  • @biplobchakraborty7224
    @biplobchakraborty7224 Před 21 dnem

    I can't find the template link

  • @elvindavis2055
    @elvindavis2055 Před 22 dny

    I've done this 6 times and whenever I allow Claude to create a code for me it just gives errors . I need help . What am I doing wrong here.?

    • @rileybrownai
      @rileybrownai  Před 22 dny

      Are you using the template.
      And have you tried pasting errors into claude. Or asking vlaude what's wrong

    • @elvindavis2055
      @elvindavis2055 Před 22 dny

      @rileybrownai yes I've created the template . That works fine . Whenever I add even the simplest code to the template, like changing the title it faults out

    • @rileybrownai
      @rileybrownai  Před 22 dny

      @@elvindavis2055 what do you mean change the title?

  • @tiffanyw3794
    @tiffanyw3794 Před 25 dny

    How much does it cost to run a replit app

  • @PodSquatch
    @PodSquatch Před 22 dny

    How would you fix a site that keeps crashing on certain pages?

  • @xaycent7832
    @xaycent7832 Před 17 dny

    Does claude require premium plan or is the free plan enough

    • @JamminJohn13
      @JamminJohn13 Před 5 dny

      It appears to me that you need the premium plan for claude to allow you to create projects, does anyone know if there is a way to get around this? Im not paying $20 a month to create an app for fun..

  • @keshavkasat9465
    @keshavkasat9465 Před 23 dny

    FIrst of all, great video.. but the template will only work in generating similar webpages. Can you create a video where the template is even more general. This is a social media website template.

    • @rileybrownai
      @rileybrownai  Před 23 dny +1

      This is not true.
      This template is set to build basically anything.
      Tell Claude more of what you want.
      “Move sidebar to top bar”
      “Get rid of the home feed”
      Literally just try what you’re thinking in your head.
      Tell me what app you want I’ll make a video creating it with this template.

  • @DrBeast-ky4bd
    @DrBeast-ky4bd Před 25 dny

    AI BUILDER ✨

    • @rileybrownai
      @rileybrownai  Před 25 dny

      BUILD BUILD BUILD LIKE OUR LIVES DEPEND ON IT

  • @glovinin
    @glovinin Před 23 dny

    i love you bro

  • @Real-fc9sg
    @Real-fc9sg Před 25 dny

    What about changing it to a software instead of web based

  • @cryptobullish
    @cryptobullish Před 25 dny

    Nice but Isn’t Firebase going to be sunsetted soon?

  • @BahaoLab
    @BahaoLab Před 25 dny

    Do I need claude premium to do these things?

    • @dambrubaba
      @dambrubaba Před 25 dny +3

      yes you can do the same thing on the free plan. but you message limit will exhaust very soon. if you are building something small then you can definitely do this on free plan but you need to be precise on the prompt part. but for big ones you have to use pro plan.

  • @jensloesimonsen8689
    @jensloesimonsen8689 Před 25 dny +1

    Are you using free or Pro plan ?

    • @rileybrownai
      @rileybrownai  Před 25 dny +3

      FREEE??????? MAGIC ALGORITHMS THAT SAVE YOU 5 FIGURES TO BUILD AN APP COSTS 20/MONTH! THATS THE PRICE

    • @jensloesimonsen8689
      @jensloesimonsen8689 Před 25 dny

      @@rileybrownai Sorry, was just asking if you using Claude free or pro, because I could not see it :)

    • @dambrubaba
      @dambrubaba Před 25 dny

      @@jensloesimonsen8689 dont be sorry. yes you can do the same thing on the free plan. but you message limit will exhaust very soon. if you are building something small then you can definitely do this on free plan but you need to be precise on the prompt part. but for big ones you have to use pro plan.

    • @JohnLorac
      @JohnLorac Před 24 dny

      @@rileybrownai 5 figures? You just kidding yourself. I think some disillusionment is appropriate here. What you presented in your video is more likely 5 dollar app.

    • @rileybrownai
      @rileybrownai  Před 24 dny

      @@JohnLorac haha this is the absolute bare bones app. I’m not talking about this app. AI is capable of making apps 100x bigger

  • @tal7atal7a66
    @tal7atal7a66 Před 25 dny

    ❤💪

  • @bgmspot7242
    @bgmspot7242 Před 24 dny

    Please make a video with aider

  • @dylliedutch
    @dylliedutch Před 25 dny

    Why firebase over supabase?

  • @BahaoLab
    @BahaoLab Před 25 dny

    Please create documentation website clone with claude ai!

  • @lucastejero6547
    @lucastejero6547 Před 19 dny

    how to create a web app in 10 minutes!!! it took you more than half an hour