Im a dev and what you did here was awesome - just shows what you can do leveraging tech. Also the fact that you dont overthink things at this early stage is great. Devs often start looking at all the reasons it couldnt work or what coudl go wrong. You just smashed it out moving forwards all the time. Great job. Once thing i would say is you need to ensure things lke your backend are secure otherwise you are going to have data stolen or have your DB trashed - this is where you shoudl get it checked by a dev. Also if goign live as a saas get it pen tested to make sure everything is configured and setup right! :) Nice one. Gonna have a go myself at an app i want.
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
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
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.
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!
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.
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 ..
I didn't understand what the starting point was - did you already have that made in replit? If not, where did it come from? It doesn't appear to be an empty replit template.
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
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?
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.
@@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
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.
Wait! If I have zero experience, how on earth do I know what is replit, what is a template, where did it come from, why do I need a fireshare database? Could you explain these notions for real newbies? If you have such a video elsewhere, apologies, please share!
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.
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.
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..
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
@@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.
@@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 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
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.
Hey guys we have 2 new templates on softwarecomposer.com
That's great! Is it possible to create some more complex apps such chrome extension using this template?
yo thanks man.
❤
Solid and Actionable Video.
Looking forward to the series.
Here's an open source replit project that could be hacked, it's for Audio to text.
github.com/Bklieger/ScribeWizard
Im a dev and what you did here was awesome - just shows what you can do leveraging tech. Also the fact that you dont overthink things at this early stage is great. Devs often start looking at all the reasons it couldnt work or what coudl go wrong. You just smashed it out moving forwards all the time. Great job. Once thing i would say is you need to ensure things lke your backend are secure otherwise you are going to have data stolen or have your DB trashed - this is where you shoudl get it checked by a dev. Also if goign live as a saas get it pen tested to make sure everything is configured and setup right! :) Nice one. Gonna have a go myself at an app i want.
This is gold for non-coders like me building AI SaaS.
you shouldn't be building AI SaaS if you don't know how to maintain it
@@LemonIcedTeaBaby what is all covered under maintain it?
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
27!! That's insane. Help me set up a process please
I'm a python backend dev, always struggle with getting frontend developer for my projects, this will be very useful for me.
I predict that your channel is about to grow at an insane rate. Thank you for clarification in this.
@@lunchbox5664 I’m here to help not make number go up. But if it happens, great
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
dude you're killing it with these videos!
LFG
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
Great stuff, sir! Cursor and Claude is the future of development hands down. 🔥🏆
Wow bro great work. And thanks for bringing a dev on board 🎉
Dev city
BTW many devs on upwork won't be happy 😁 You can see the look on their faces
@@sahilraj4834 hahaha so true
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.
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!
Replit has Claude built in now.
Was going to say that cursor just works better than this setup.
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!
Part two bouta be so f***ing lit trust me
Amazing stuff for small projects when you have the ideas and you want to make them reality to scale them later
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.
This is lesson 1
There will be valuable lessons every week. With time. I’m still learning. As I learn you learn
loved this style of video! great content
from India, Love your dedication bro .
Where can i find the template? i cannot find it on replit
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?
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 ..
Replit says you can talk with Claude within Replit, so you wouldn't have to copy things over to Claude itself, is that true?
Great Video. Is Projects tab only available on the paid version of Claude?
More claude replit builds 🎉
Love your videos! Waiting for React Native mobile app! 😍
I didn't understand what the starting point was - did you already have that made in replit? If not, where did it come from? It doesn't appear to be an empty replit template.
Great video, loved it!!
appreciate it!
Very nice work 🎉
How are those secrets secured when the app is deployed with Replit? Is the frontend going through some backend proxy?
Anyone can become an AI developer from this channel. No one will work at McDonald's anymore.
here you go, that's what i talked about. BIG FAN
FOR THE PEOPLE!!!
Yeah many thanks. From the community. You are the lightbearer.
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
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.
Wow Amazing
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?
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 !
Wym? This template allows you to change it. ALL OF IT. it just has libraries
could you make video on adding payment walls and intergrating stripe, free limits
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
@@aleem11 deploy. Also ask claude
No one introduced the top guy!
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?
Me too
great job
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.
Hey. Love the videos. The template though. The link is not working?
Subscribed and thank you
Install Claude engineer in vs code to save your precious time
is it faster than the method in this video?
@@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
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.
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?
How much is replit and firebase - this setup - a month?
@@MaximilianFeichtinger firebase free replit I forget. Cheap
@rileybrownai : How can I use this with Azure environment instead of Firebase?
Wait! If I have zero experience, how on earth do I know what is replit, what is a template, where did it come from, why do I need a fireshare database? Could you explain these notions for real newbies? If you have such a video elsewhere, apologies, please share!
ask chat gpt to explain them
That even he didn't know he could have used pocket base db instead for the long run firebase is def. Not good vendor lock in pay as go
instead of using replit can i use VS-code ?
Does Replit Agent change this methodology at all?
The template link is not working, great video nonetheless
you help me so much
Why do you use replit? What's the advantage?
Teach us how to use Claude in Visual Studio.
@@a_man001 idk how
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.
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.
how do you integrate the ui you get from V0 and add functionality
also mobile optimazations?
Nice but Isn’t Firebase going to be sunsetted soon?
No only dynamic links or sunset
Is the template you refer to called “Template 2?” That’s the only one I see currently..
excellent..just add stripe to this template
That’s level 3
Does claude require premium plan or is the free plan enough
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..
AI BUILDER ✨
BUILD BUILD BUILD LIKE OUR LIVES DEPEND ON IT
What about Creating Mobile App? can you do a video on it pls
How much does it cost to run a replit app
How would you fix a site that keeps crashing on certain pages?
See note taking app video part 2
i love you bro
I can't find the template. From the comments, it looks like I'm not the only one. Help!
I can't find the template link
What about changing it to a software instead of web based
what
there is no link to the mindmap
>build a web app in 10 minutes
>36 minute video
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
I advise everyone to learn to code the right way and use AI as a tool. You'll thank me later.
Where are the project files?
Are you using free or Pro plan ?
FREEE??????? MAGIC ALGORITHMS THAT SAVE YOU 5 FIGURES TO BUILD AN APP COSTS 20/MONTH! THATS THE PRICE
@@rileybrownai Sorry, was just asking if you using Claude free or pro, because I could not see it :)
@@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.
@@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.
@@JohnLorac haha this is the absolute bare bones app. I’m not talking about this app. AI is capable of making apps 100x bigger
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.?
Are you using the template.
And have you tried pasting errors into claude. Or asking vlaude what's wrong
@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
@@elvindavis2055 what do you mean change the title?
Not able to find your tempelate.
Do I need claude premium to do these things?
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.
Why firebase over supabase?
idk Claude told me firebase
Hahaa 😂
Late to the party sadly the template link is down :{
theres a new one in community.
❤💪
why are you using firebase and not supabase? Firebase is ass for standing up a project idea
Please make a video with aider
Please create documentation website clone with claude ai!
@@BahaoLab yes will do
how to create a web app in 10 minutes!!! it took you more than half an hour
Lol i was explaining it the whole time
Soo yeah i had to pay for the overpriced Claude to start a project just to figue out that there is a limit of 5 files now...
Say in tamil or english slowly
How do i get the template. Your website does load. "Failed to load content. Please try again later."