Nov 3, 2024
AI Tools
Build Apps with AI in Minutes No Coding Required
Summary
AI-Powered App Development
Use V0 to create a front-end for apps using Next.js without coding, enabling you to build Notion-like apps in 6-7 hours with full database and storage functionality.
Leverage Replit to plug in code from tools like V0 and Claw Artifacts, handling the plumbing (library setup and file organization) so you can focus on creative aspects.
Utilize Claw Artifacts to remix app skeletons by screenshotting existing apps and instructing the AI to add desired features, accelerating app creation.
Rapid Prototyping with AI
Employ Cursor AI to create an app using AI in just 67 minutes, as demonstrated by Riley Brown in Greg Isenberg's video.
Take advantage of Cursor AI's Composer feature to edit multiple pages simultaneously, making it a cost-effective alternative to hiring designers at $15/month or hundreds per hour.
Deployment and Monetization
Use Replit to easily share templates and deploy apps quickly, with hosting options starting at $20/month or less.
Partner with an expert developer to create in-depth courses on coding without writing code, offering weekly help and monetization strategies like Stripe integration.
Automation and Efficiency
Automate startup idea extraction by scraping YouTube transcripts, running them through AI analysis, and saving results, creating a valuable library of startup ideas in 1-2 hours of setup time.
Timestamps
00:00 With AI tools like V0, Cursor AI, Replit, and Claude AI, you can create a fully functional app in just a few hours, even without writing a single line of code.
07:39 The speaker uses AI tools like V0, Cursor AI, Replit, and Claude AI to quickly build an app that evaluates startup ideas with interactive features and animations.
17:27 Creator uses AI tools to design and build a working app prototype in under 67 minutes, making rapid design changes and revisions along the way.
24:42 The speaker builds an app with AI in 67 minutes using Cursor AI, Replit, and Claude AI, making it a cost-effective way to create an MVP with a monthly cost of around $15-20.
29:27 The speaker builds a startup idea analyzer app with AI in 67 minutes using Replit, Cursor AI, and other tools, demonstrating how AI can aid in app development.
38:27 The speaker troubleshoots and iterates on building an app with AI, integrating Open AI features and automating processes, but encounters errors and only partially resolves issues.
46:50 The speaker successfully coded an app with AI in 67 minutes using tools like Cursor AI, Replit, and Claude AI, despite struggling with errors and API integrations.
56:39 Coded a functional AI app in 67 minutes using V0, Cursor AI, Replit, and Claude AI, and plans to teach others to do the same with a new community called Software Composers.
Transcript
00:00 There's two types of people who've watched my videos and message me. There's the people and it's not nowhere in between either. They have fully pushed to the end and created basically a full app that they love or. They got stuck on like the first few steps and gave up once you get the aha moment where you're like oh this works and you realize that like you're in charge you don't need to ask anyone like influencer. You don't need an influencer or a teacher. You just need to ask AI. You need to ask Claude be like hey. It didn't work for this and it might not give you the right answer on the first try but odds are by the second or third try. Like you will will your way to a working app. I it's guaranteed I just think it separates the high agency people and the low agency people uh pretty well um Riley welcome to the show. This is a startup ideas podcast where we talk about startup ideas but we're not necessarily talking about startup ideas today. We're talking about how to how to use some so AI tools to build software right yeah um. It's gotten a lot easier to create websites uh whether it's landing pages all the way on the other side of the spectrum. Like creating apps. Like notion I I've been creating I mean it takes six or seven hours if you like really want to go ham to create something that looks a lot like notion but with a full database storage and everything um fully with AI without writing a single line of code. So so basically a 12 billion dollar company. You can clone a lot of how it works well. I'll give notion credit. I mean they have a lot of. It's. It's a the skeleton of these apps but like you can remix them as we were talking. Before this there's certain apps. I'm like I wish. I had this feature I wish. I had this feature and this feature I'm like wait why don't. I just kind of screenshot. The app tell the AI you know. This is the general uh kind generally the way that you use the app and then you can just say. But I also want to have these features and then if you have the grit to push through the errors because there's a lot of Errors. Once you start dealing with databases but usually Claude will figure it out and the more times you do it. The better you will be at like fixing those errors and and you get better at problem solving just like anything and you can create some really cool things in like 10 to 15 hours of practice and that's what we're going to do today and by the end of this video you'll have a good idea and then you can start playing with yourself and start creating software absolutely. Um do you want me to just hop into yes all right. Let's just do this okay um has there cing session. This is like live cooking you're the chef all right. Let's let's do this here okay. So I'm going to share this screen is there been any good SAS ideas that You' guys have come up with. I know you do those live sessions have you guys thought of anything recently. Yes. Uh you want me to pull one up sure I mean it's like the easiest way to use. These tools is if you have some sort of idea in mind but I guess without an idea in mind um. Let's uh I guess I'll talk about what tools I want to talk about today. So this right here is v0 so this is going to be. Uh. This is front end uh and it's using nextjs which I literally have not coded I 50 days ago. I had never coded in my life. So I was like the first day I found claw artifacts and then I started plugging that code into repet but what VZ does is. It lets you create these really cool. Front ends that look amazing and what we can do is we can say I want to create an app that help me out here uh what do you uh. Let's let's do something. Let's do a SAS app um. Let's do like a f one of those faceless video. App creators can we do something like that okay um. Yes that's harder but yeah yeah um what about uh what about like an app that took your transcript of one of your videos divided them into startup ideas and then made like a presentation out of them that sounds amazing because yeah let's do that okay. So let's just let's. This is where you kind of look at the Shell right. We're not going to on vzer. We're not going to be able to add any AI features because that's all going to be done on the back end. So let's think about layout so like what types of things would you want if you uh if you were to talking to someone on your podcast about startup ideas. What would you want to know about them so like you have your uh. You have just like the idea you have I guess like business Market. How big it is how small it is. I like um for for me. What's important is to know what are the other big audience internet audiences and communities uh in that space so that just gives me more ideas okay. So I guess um. Let's just call it internet uh audience um and then the idea is just the uh main startup idea. The market will be um Market uh Market description yes and then Market size and we can start with that because we can always add to it. But I think this is a good start. So I want you to create a let's call. It a presentation card. A presentation card uh or slide as if it was going to be in a pitch deck about a startup idea and I let's just say make it a really slick uh design uh with cool. Uh subtle animations could you say could you say flat design. Shh don't tell anyone but I've got 30 plus startup ideas that could make you millions and I'm giving them away for free. These aren't just random guesses. They're validated Concepts from entrepreneurs who built hundred million plus businesses. I've compiled them into one simple database compiled from hundreds of conversations. I've had on my podcast but the main thing is most of these ideas don't need a single investor. Some cost nothing to start. I'm pretty much handing you a cheat cheet. The idea bank is your startup shortcut just click below to get access your. Next cash flowing business is waiting for you instead of slick okay do slick slick. Slf.
07:39 Flat flat is a type of design. I just want to see if it it knows what that is. It's a little. I don't even know. I don't know what that is I'm curious. I'm no designer. But v0 lets me offload a lot of that and it also allows me to just like take things that I like and let's see we're actually going to see. It work in real time. So see it's kind of nice and I like the um. I like this actually so what's happening now is. It's literally building like the front end. For this is that what's happening yeah. So we can actually see the code right here. So we're going to be using nextjs. I have a template that allows me to very quickly create nexj. Uh nextjs apps so my partner and I an who is a developer and his main passion is like teaching people how to code and he's been incredibly helpful in teaching me and so we're building. The most annoying part about coding is what he calls Plumbing where you have to go in. You have to set up all the libraries and you have to make sure that you're organizing your files in the proper manner and when I was first starting that would take me three hours just to get to the point where I could put an idea that I had into a website but we're actually just doing all of that work so that you could start from from that exact point where you've done. All the plumbing where you still have all the possibilities you've just done all the boring work like install the libraries because vzero Opera it has all of these different libraries already downloaded which is why it can render. This normally you'd have to download a bunch of things to do it because coding is a lot of just libraries and it's kind of boring um. But what you can also do on VZ. You can actually say make changes so like make uh changes to this card. I want to uh make changes to this card. I want to have a border around the edges and add uh clean add light dots in the background as if it's graph paper. Uh very uh light and uh what's the word transparent and I just want to go over the example that you can kind of alter these uh and it just edits these live. So it'll look back at the one it previously created and it will create a new one and so this is a lot like clawed artifacts but like on steroids and this is crazy yeah. So you see that if you see those dots in the background it it's kind of a nice little nice touch there and it added the nice border and so you can always go back and see so we can see this one and we can go back and look at the previous version which didn't have a border nor those dots. Can I add one quick thing yeah. I don't know how to and I want to see how you'd prompt this. So on. My podcast. I say either an idea is sip or spit. Sip is if I really like the idea like startup ideas podcast and spit is if I really don't like the idea. How can we put how can we do a prompt. So we can show if the ideas is is sip or spit. Oh. Wow okay we could actually make this useful um wait hold on okay what if you had um a section of your show where people submitted startup ideas to your show via a text prompt yes and then it converted it into this and then it gave you like a toggle where you could either drag it to the right for almost like Tinder for sip or spit and based on what you do there. Then we'll add an animation left for like we could even add a sound effect too. We could do that um and uh we could even add little light background. Music too um let me think about this for a sec um okay see this is the fun part. This is I I love this process of like coming up with an idea. Now. I'm like thinking okay. What have I done like this before um and I think I think I got it okay so let's just describe. This also I use voice a lot when I'm making these so I want to add an evaluation popup and this um I want you to include an icon and just have a placeholder uh image of a person and I want this to have I want to be able to drag this icon to the left which is spit and I or drag it to the right which is sip. Sip is positive. Spit is negative. Sip should be a green should be green spit should be red. Uh add a positive animation to the entire card when it gets dragged to spit and change the color to uh change the Border color to Green and for spit change the Border color to red and we can alter these animations too um and this will just take a second to load what I just said um. Uh the purpose of this is to evaluate this startup idea so that I can look an idea drag it in a certain direction and uh we can label it as either good or bad which I call Sip and spit I like to make sure I give it. I tell it the purpose because it will actually use that in the prompt and it might add to its creativity. So let's just try this and it might take a few times to get it right because this one's a little bit more advanced that's interesting that you gave it the purpose like you really did treat it like a a coworker well. It'll it knows what types of animations it's trained on data. Oh. What's it doing down here okay okay okay hold on is this a drag oh my God wait. This isn't make this a slider. Let's just make it a circle for now. I was going to make it your face uh. Once we actually make it into a thing so I want to um I want to drag the circle in a direction and that causes the green or red border. Uh. Let's say the slider should be right below the card and and if you drag actually We'll add that next um should be right below the card. The user should be able to drag it in either direction by the way I'm happy that mistakes are happening right now because the whole point of this video is for people to learn how how you approach problems too yeah and I think people don't realize how on Twitter in YouTube you see all the highlight reels um of people creating amazing things with AI and you can absolutely do that o I like this dude that's actually amazing that's fire all right please. Let me do it all right so let's see okay all right. So it says great idea and then uh needs. Impr wait is there oh you could add like um tiar so like a mini spit or like pretty good idea and then really good idea depending on how far you slide it. We could do that pretty easily um but I I like the just it's either a spit or a spit or a sip or a spit um please change the Border color depending on the way um depending on um depending on the decision made by the user and then and then the popup message you have at the bottom should be sip or spit um. Let me see what happens if we zoom out here oh yeah that's actually really clean uh make the line thicker and the font for sip or or spit. Larger. I'll try that one so instead of you know I went to Computer Science school so instead of writing code. What you're doing is you're speaking English and then the code is coming out. I call it composing code like you're you're kind of um. You're just kind of guiding it. You're telling it what you want and you know what things are feasible and what what types of things aren't feasible. The more you do it um and I think this looks a lot cleaner. What are your thoughts on the line thickness solid yeah. It's it's really nice I like that. It's. It's thick yeah yeah okay and then boom um all right. Let's just go one more one more um.
17:27 Uh. Now I want to create multiple slides of this. Once a decision decision is made. It should go to the next startup idea and then I should make uh the same decision. On the next one. There should be an animation. Once I decide sip or spit make them positive or negative all right last one and then we can I get nervous you know I'm like what what's what are they going to come up with well. You can always revert like I think you can retry this. I actually haven't used. This is the first day I've used this specific tool but it's very similar to the tools I've been using. I think you can redo it. So there's not a lot of pressure unless you're on a podcast um okay okay cool. Let's um. Let's just try. It wait why does it. It's like reversed here. Okay wait let me reset this I guess and while you're resetting it I have one small design detail I would like yeah changed. I really like the dots that you have in the back. But I don't find them. Pronounced. Enough is there anything you can you to help me absolutely hey um. Greg wants. The uh dots uh less transparent so have them more prominent and also below the Sip or spit bar. Uh it has two labels which is Sip and spit those should be reversed. They should not you have the sip on the left and spit on the right. Please reverse those and the anim is kind of weird. But like that's okay we can always fix that later because I agree. I think the dots I love the the dot look I've been using that a lot yeah it adds a nice amount of of texture yeah like even like hores or diagonal grid lines are fun too. I've noticed that I will say I think knowing how to design or knowing some of the terminology is still going to be super helpful so right 1,000%. No no act like 1,000% taste is everything um and it's since I started doing this I'm now paying attention to every website. I don't go to a website anymore without thinking like oh my God like how are they doing this or how can I replicate this or like what other tool could I create using this design method. And it's it's really fun and it helps you actually like develop your taste for websites and finding cool designs because a lot of the best designs and this applies to video editing as well. It's like below the level of your Consciousness. Like you don't notice it unless you're looking for it and it's fun once you okay now it. It's flipped everything okay Jesus um. This actually looks better though um. Despite the the it's off right. It has sip on the left spit on the right so we need to ask for one more change. Let's just do this and then we can move on so um sip should be on the right. Spit should be on the left and we're just going to I'm just going to screens. Hot. This is another good lesson. Actually. I'm glad this happened. Actually. We can screenshot this and you can actually bring it up and what I'm going to do here is. I'm going to draw on this and so I'm literally going to. I'm not going to use any colors we've already used before. And I'm just going to Circle. These and I'm just going to say and then I just screenshot it again and then copy it because it doesn't if you try and copy that it doesn't copy so now. I'm just going to paste that image in there um and I'm going to say you see the labels. Oh. Those are the slides I just realized what that is those are the different slides like the first one is spit. The second one is did you know that or am I don't Okay no Okay. So like it's it's uh what it's doing is. I just realized what it's doing is. It's like a um so once you go spit or here you see that it's like that's your first the first one you did right so if I go. But it's reversed because they're all it's messed up so might. We might so okay actually okay sip should be on the right spit should be on the left please switch them for the ones I've circled in Blue uh number those and make them gray no matter what the choice was because I think it's kind of confusing when it's like this or maybe. We. I don't know but let's just try this. But this is really useful to screenshot because we can screenshot any website. We can go to any website you think is cool and literally screenshot it and then describe like what you should. Do with it and you can in one minute have a working prototype for it. It's not a full app because it's not storing any of the data but it is a prototype. It's pretty cool all right. I hope we get it on this one good. So far okay looks good now if we go sip boom. Now one was. Sip two is spit. Three is spit and that's it. It's pretty cool pretty darn cool pretty darn cool quick ad break. Let me tell you about a business I invested in. It's called boring marketing.com so a few years ago. I met this group of people that were some of the best SEO experts in the world. They were behind getting some of the biggest companies found on Google and the secret sauce is. They've got a set of technology and AI that could help you outrank your competition. So for my own businesses. I wanted that I didn't want to have to rely on Mark Zuckerberg. I didn't want to depend on ads to drive customers to my businesses. I wanted to rank high in Google. That's why I like SEO and that's why I use boring marketing.com and that's why I invested in it. They're so confident in their approach that they offer a 30-day Sprint with 100% money back guarantee who does that nowadays so check it out highly recommend boring marketing.com okay so now let's have some more fun here.
24:42 Now. We're going to use a tool that has been the most hyped tool. Since I don't know I can't even remember uh for those of you wondering. It's called cursor and what I do so. I have this template and you can link it below. We created this template and we've basically done all the dirty work. So this is nextjs which v0 is also nextjs. So you can do a lot of the same things and so that's where I come up with just general ideas about interface. I take a bunch of screenshots and then that then I'll give it to cursor to come up with the actual application. I'll show you guys here that I actually have let's go to my other account. I've set up before this episode. I've set up a backend or a database storage and a database storage and authentication so signing in with Google and everything that you would need to actually turn it into an app um if you also want to gather emails or gain users. That's all part of this template. I don't know if we'll get there today but what I do with repet so this is repet. This is what the this is what we run the front end on. This is how we deploy the application and we basically connect cursor up to this because cursor. It's significantly harder to deploy apps for beginners. Repet makes taking whatever you've created and putting it on the internet with a domain that you can share right. I can share my domain with Greg and he can open the site and use the site and sign in or I can go to name cheep buy a domain and I'll show you that process. It takes like 10 seconds and it's hosted directly on rep and so like 20 bucks a month or something. You can host a website and get that and Firebase is free until you've reached like a certain amount of users. So it's very very cheap. Now. There's like no excuses to uh to not get like an MVP up and vzero what's the cost of like what you did. What are we talking. V0 is either. It's either 15 or 20 bucks a month or something um. My AI budget is over ,000 a month so like um I I lost track of the tools um but if you compare that to a front-end designer right $15 a month right. What's the hourly rate of a solid designer probably hundreds of dollars per hour um to me. It's a no-brainer so this is repet what we need to do. Is we need to connect it to curser. I don't believe I've done that yet so I'm actually going to close out of the project I was working on before and open up a new window and we're just going to do this really quickly uh for anyone who wants to use this template. This will actually be cool. You can just open the template and you're going to hit use template and this will take you exactly to this page. Then you're going to go uh then what you're going to do is. We're just going to open up Secrets. I think I've already done this but you'll have to do this as well and then we're going to also open up SSH and I have more videos on this. If I'm going too fast but basically what you need to do. Is you need to go to keys and we're actually just going to put this aside for now. So we're going to leave it open with this Keys tab in cursor. You're going to press this button down here to open up the terminal you're going to press command K we're going to type uh generate an SSH key for repet name. It repet and copy the public key to my clipboard. This seems scary because it is I still don't fully understand what I'm doing. But this is how you set it up. You're going to press you're going to click on whatever it generates right here right after it enter y enter enter that automatically copies this SSH key that you then add right here. I'm going to name it sip. Then I'm going to hit add key then I'm going to hit connect. I'm going to copy. This connect manually. Key and we're going to hit open with SSH. We're paste it here. We're not going to hit enter. We're going to press add new SSH host and we're going to paste it in right here and hit enter we're going to click the top. One click connect click continue and then we're almost there you only need to pay attention to this if you actually want to use cursor. But cursor is by far the most fun tool I've ever is the best software I've ever used in my life so you're going to want to pay attention.
29:27 You might want to try it okay. So then you're going to click on this. This should match uh the name of the project which it does sit pod and we're going to hit okay. So now they're synced right the template that I made uh with an and he put in the heavy lifting. He's a developer repet makes it very easy to share templates and makes it very easy to deploy. So you can very quickly download it and you can then write code and create stuff with it. The editor on cursor is a lot better. So we're BAS basically connecting repet and we're connecting cursor. Now. We've done that now we're just going to we're going to open up the files that we need here so in Source app and we're just going to hit page. TX TSX and this is basically the homepage of this of this template and now we can use the composer which is the feature. That is why cursor is going so viral. This basically allows us to edit multip Pages at once and so we can then come here and say and we're actually just now building this out. So I'm not fully confident. This is going to work but I'm going to take a risk here. I'm going to say um or I'm going to just say. This is a next uh JS app trying to think of how we should do this okay. Let's do this in order here so I'm going to create a this nextjs app and I want you to um. I want you to. I just don't know how we want to start like when should we add. The AI features to um. I'm just going to start off. I want you to to uh take the uh take inspiration from and what we're going to do is. We're going to use this paths so chat. MD I'll explain this after I do it actually. We've used the template to create apps and when we do that success successfully with a certain prompt. We add it to the project files so that other people can come here and use inspiration from the files that we've used and so the end game of this would be a blank template where you can create anything. But there's kind of 30 paths you can go down of different types of apps whether it's note taking basic chat app um and so let's just say I want you to take inspiration from chat MD and let's create um a basic chatbot where the user will put in a startup idea and you will output the idea in let's go to v0 real quick. Let's just screenshot this. Co copy this nope copy. This paste that in um output the idea in text format uh in format in this met with these ideas ignore the styling I don't want to worry about styling until a little bit later I just want to get the AI text feature down so just have uh idea market and internet audiences. Anytime you deal with AI features it gets tough like this is when you run into a lot of bugs. I mean this is a hard thing to create and so the fact that you can do it in just a few bugs is impressive um. Let's just go ahead and let's just see what it does so. I'm going to hit command shift enter which will actually so now. It's looking at all of these files which I never told it to use all of these files it's just going through right. We can watch it code in the background like it's literally making changes um and telling us exactly what we need to do um. Now. It says npm install open AI Edge okay I hope that's the right install anytime. It says install something npm install open AI Edge. What you need to do is you need to go to repet and you need to go to your shell and you need to paste that in right here and it does some magic stuff. I still don't understand it um it's it's downloading libraries that it needs to do this action. So now what we can do is what I'm going to do is. I'm going to reset this. So I'm going to hit the stop running and then I'm just going to rerun it and then open up the web view. In theory the changes will be made after I hit save all um I'm going to hit save. All. I don't know if it'll be added to the homepage. Yet we may need to connect it the the app that it just created back to the homepage. So I don't know if it's going to change anything anything so. I'm going to hit save all okay. It is doing something. It's hard to tell I don't see any errors okay. So now we have this startup idea analyzer after one single prompt and we haven't accepted those changes. Yet if you're using cursor hit save all instead of accept. All accept all is not reversible. You have to ask the AI to reverse it instead of just being able to like hit reject. I can still hit reject because I hit save all just throwing that out there okay startup idea um. Let's go ahead and I have a startup idea for selling uh gummy bears at football games. What we're testing here is we just want to know if this works right so you just put in a test idea. You might want to add one other thing um what other stuff did. We have we had the market um football games in Germany just to give it a market okay. Let's hit analyze idea so what's going through your mind right now yeah. So what we've done here is in this template that we're literally making. I this is one that we're like in production making and uh this was a good test for me. So we have secrets in here. So these are all API tokens so we have the opening AI API key. The uh replicate API key. So these are all tools that you can use on the web that allow you to do cool. Things right and a popular term is um open AI rapper and what that is is just a software that someone created and it's using open Ai and paying them a little bit every single time. It's used so you're hoping that the monthly charges that you're charging people will outweigh the amount you're paying open AI for the usage basically and you can use as many of these different apis and a lot of like a tool light notion is using a ton of different apis if you if it has Google Drive all these different applications but in this case for some reason it's not working so what I'm going to do is literally just tell cursor okay. When when I entered my idea into the input field. Nothing happened need it to generate the uh the output that we discussed and it has context of this so it'll know what you're talking about and I just sometimes add please make this happen or like. I don't know you don't have to do that um and I'm just going to hit uh. I'm first sometimes you're mean you're mean to to them is that what I I was hearing only when I get mad only when it's like fails 10 times in a row and I'm honest L glad. This happened I have talked to there's two types of people whove watched my videos and message me. There's the people and it's not nowhere in between either. They have fully pushed to the end and created basically a full app that they love or. They got stuck on like the first few steps and gave up once you get the aha moment where you're like oh. This works and you um and you realize that like you're in charge you don't need to ask anyone like influence. You don't need an influencer or a teacher. You just need to ask AI you need to ask Claude be like hey. It didn't work for this and it might not give you the right answer on the first try. But odds are by the second or third try like you will will your way to a working app um. It's guaranteed you just have to have I just think it separates the high agency people and the low agency people uh pretty well something I've noticed uh so we're just going to oh. I should not have hit accept all.
38:27 But that's I was just going to say you slide devil. You. It's okay. We'll we'll be fine um. Let's go ahead and refresh this. I don't know why there's these like horizontal lines here. Let's that might be a function of a bad um template prompt so let's just paste in what we had earlier uh which was the gummy bears in Germany can you please use the open AI oh wait hold on uh moment incoming open AI key in your environment variable which we do it's open AI key right it should be called open AI key um. It is called open. AI key can we please use. The I think we should make this an input field first and then use the AI features because we're going to want the AI to fill them in in specific ways well. See this is the hard part. This is hard to make content on this because you're um okay. We need can you please add error logs to the um to the AI input. Field. I have no way of knowing what the problem is fair. Request is that something you've said before um yeah so. I've been doing this a lot well. Usually you should get an error. The most annoying part about this is we're not getting any error. It's just literally doesn't say anything um. It should say either it should say a host of different things it should either say API is failing because like you have an incorrect API key. It should literally just tell us what the problem is um. But it's not telling us anything. So we need to enter the sends probably going to fail analyze the idea. Something's wrong. I don't know what's going on um hold. Why is there no error okay I want to change the page we'll we'll add. The AI features second because I do want to add that okay. I want to change the page um the startup idea analyze to just be an input field and an enter button um for all the fields uh to create um for all the input fields to create a slide that looks like this and what we're going to do is. We're going to just paste this. In here here is the code that I use to design this card uh based on the input field. I want um this to be created for that card okay. Now I'm going to come over to v0 and I'm just going to. I'm just going to paste in here and we'll let it because it needs to recreate it. It's not going to use the code because it's already has libraries downloaded. So this is fine okay so what's happening I just um. I'm changing strategies here so rather than have ai generate out in text form the startup idea in the format that we want instead. I'm going to create text input field. So we're going to manually put them in and then we can ask AI to take an idea and in the background basically fill those in so we're actually just recreating the process if you don't know to code. This is a good way to do it is to actually create it manually and then say I want to automate this process and have that whole process happen in the background. So like the user doesn't see it um because I don't really know how there's a whole thing with AI and object creation. It's I don't fully understand it. So you can use other okay. So we need to install this so let's install uh frame or motion. So we're going to come over to the um. We're going to come over to this right. Here we're going to go to the Shell because you see npm that means shell we're going to type in shell and we're just going to paste this in like this and so it's installing framer motion and loose side react which is icons. I believe um we might have already had both of those downloaded not sure in the template. But now I'm going to just stop this rerun it and we're going to open up the web. View and let's go ahead and press save all oh brother I did something wrong. This is the process oh I know what I can do okay. I'm justess going to revert here. I really do think we need to do better instructions from the get-go. I'm just going to I'm just going to do it okay good good. This is how it should have looked when we were getting errors um because this makes it very easy for us to it says we don't see frame or motion. So we can just easily paste in error please. Advise and fix error messages are good. Blank screens are bad right. This is what should have popped up in the dev log right. We should see the the errors right here and it actually knows what to do um and we can actually just see how it reacts so we can hit uh save all and then we're going to refresh um. I think it fixed one. I think there was multiple errors and now we're only getting. I think we're getting. I think this will fix oh do I need to add oh I need to add frame or motion okay okay. I'm so out of my element right now um still getting this error. That's good by the way because most people are out of their element. So this is bad for retention you know it's yeah but the real ones are here deep deep. In this episode. They're with us now we need to I need to know or now. I know that what I need to do is add to the template a basically a v02 repet um uh path. So we need to work out these Kinks that I worked out on this podcast or encountered on this podcast and just include it. But we're here now so let's go ahead and just accept this now. I'm going to hit refresh and what I want to do is. We are on let's go to we are in the so we're in Source app page okay. So this is what we're on so we want to stay on this page right. Here I want to be able to edit these on the site. The existing page should be the evaluation page. This is the final page where I will evaluate all of these startup ideas. What I need at the top of the screen or at the top of this page is a an input so it should look identical. So I should be able to add these slides in The Identical manner. Except I want to be able to add my startup idea to one of these cards and then I want to be able to submit it in which it will move to the evaluation stage which is part two.
46:50 Let's just try. This um okay I feel like there was a little bit of bugs on this part right here cuz like when I hit spit sip I guess. That's fine I guess the bar is red um and then yeah. It's still kind of buggy. But that's okay yeah. It's totally okay. I mean just having something we're going to. This is a good lesson for anyone still watching um. We're going to open up perplexity here and I'm going to say give me the latest. Uh docks necessary for what I want to do. And I'm actually going to say latest API docs for what I want to do. I am trying to get open AI um chat GPT to analyze a uh transcript and fill in data based on that because the the docs are going to be different depending on like just a chat versus actually having a structured output um. It's actually much more advanced than just like a standard chat bot so yeah perplexity will actually find the latest documentation. It's just going to give better instructions. We can feed it to cursor which will allow it to make better decisions write better code and that's a really big thing for and oh wait. I need this I am using nextjs please recreate and you have to make sure that um so it should give us nodejs. I believe okay so here it's giving us the JavaScript. Yes. This looks good so we're just going to copy this whole thing and I'm just going to say here is open AI documentation. All right. We'll see I I've never done this before actually. But I think we could figure it out okay so while we do that I'm have you ever heard of cubby. I haven't so I was actually toying with this idea before so uh cubby is like a it likes you can very quickly save um. YouTube videos uh and it just automatically copies the transcript and then you can like play it from any point. So I can like highlight this part right here and play it from that exact part and you can highlight different parts of it. But uh let's just go ahead. This is a really long one if I remember okay um I guess let's just let's just see in the first 17 minutes of this one. I don't want to get messed up by too long of context. So we'll just copy that real quick and we can close that out um now. I'm going to hit save and we're going to go to web view okay nice. It's coming together please work uh. We're gonna paste this in here yeah that looks about like all right. So let's see um. Analyze. Transcript come on there's no way. This works. Why is open AI giving me like no errors can you change this to anthropic please um give me anthropic anthropics API for the same name use case. It looks good though like we have every we have all the shell in place like we have the analyze the transcripts right you could just like literally download your transcript or you could use a transcript API but YouTube's starting to block those like you could automatically. Once your video is uploaded and your transcript is uploaded it basically just automatically pulls. It analyzes it for startup ideas or um I forgot that where we might actually have it just be like your viewers just uploaded. But I really wanted this to work. See I didn't know you can do that I didn't know you can just change from open AI to anthropic yeah. I mean it's it changes the code I mean they have different documentation so like either one we're going to be downloading. We use npm install anthropic and it has different rules right. But I'm pretty sure I've already. I'm just going to do this again. Just in case I haven't done it um now that I think about it. I'm not sure but let's go to Secrets new secret value um paste that in so this is a next. This is what's different than the normal projects that I've been creating. Why is this giving me. No API errors nothing I want to at least know what the problem is. So. It's so cool. It's kind of like you're you're talking to your engineer friend and they're helping you yes and the more experience you have clearly I'm out of my element because two days ago was the first time I tried nextjs and so I had a previous template that I was using with just react react and typescript and the reason we switched is because you had to set up the a full SE separate repet for a backend API. But it was actually I understand it a lot better uh so like when you enter a new territory which I am right now with nextjs. You get caught up because you don't know what the problem is because I haven't been dealing with nextjs problems as much um anthropic API key. Yes we have all that in there um let's just hit save all analyze transcript just give me an error please see this. This actually lets you solve the problem we got an error. So ask it to find a way to give you an error which is called error logging. I think um and I'm just going to paste in this error please. Fix. This problem insane that you can do that it's fun but it's annoying it's so annoying um and you it. Sometimes it leads to nothing so you got to carve out like two two or three hour more time than you think you need at first and then eventually you'll get better once you've mastered and if we just use like Python and we didn't care about how good it looks. It would be much easier to create because python is very straightforward and AI is very good at creating it. It just wouldn't create those you can't use v0 for python like using like. It's just not compatible um okay. So let's just hit um save all um let me see see here okay now. Let's see what the issue is um. What's interesting about subcategory on Amazon analyze transcripts sending transcript for analysis. See now we have better logging. We can actually see what's happening here okay. We're getting another error um and I'm going to ask first can you please tell me if this is the same error as last time uh if it uh and give me some more information on that then fix the error please I just want to know and we're going to run it again. Okay. We'll try one more time. Please make sure that the anthropic um API response is properly parsed and be lenient. I really want this to work so just make this work if this doesn't work. We'll try what I said previously because I think that would work because I think it's coming through. It's just failing to parse it we needed to plea with it. H we needed to plea with it. We needed you got personal with it. Yeah. We need to negotiate we need yeah. I'm pretty sure. It's anthropic API key yeah um let's hit save. All oh is. This correct was that one of the ideas they talked about in the episode yeah I I can't believe I actually can't believe it. It works I literally canot believe that that's one of what's a lit RP. What's a lit RPG lit. RPG is just this yeah literature role playing game. It's like a very Niche audience that this guy Nicholas cold was talking about that there's huge opportunity to create books for and were these things that you guys talked about or is it using AI to guess wait. This actually kind of cool I might use um. I'm pretty sure. We talked about it and did you use 250,000 per month. I'm just trying to figure out what the AI is guess okay. So it's literally summarizing it nice yeah okay summarizing yeah um actually. I don't know I don't know if we said 250. We might have said like a 100 and I see to the side. It says projected Market size by 2028. So maybe it like put some you know compound annual growth rate to it. No it's good. It's good you have to play with it um.
56:39 It's good to know which where it's um wait and so okay so okay. So we can add new idea so that added the idea okay. Now. I want for um because if we were doing it on the old template I would know how to set it up. So users could literally go to a site called Greg sippers spit. Comom and they could sign in and upload their ideas and then you would once you hit like you could hit like show all and then you could like go through them and see like Sheila said that had this and you could literally turn it into a segment in your podcast. But I don't know how to do it with this new template um. But I will get that um H let's open back up cubby. Let's see what happens here so let's go later in the episode and let's just grab you guys talked about multiple oh three startup ideas. Okay wait whoa oh it just did two in that one. I think yeah it did wait so Niche Publishing House sip yeah AI powered Niche Publishing House. A publishing company that uses AI to generate 80% of Niche genre books with human writers to finish. The last 20% is that one you talked about okay um spit. Only this isn't real is it the only fans Creator book Partnerships partnering with only fans creat. I think we might have said that yeah really okay damn okay well then did this might just work actually wait. I think we might reach a context limit. Here I saved let's go to different one here. Let's just grab all of them um. This one is the same one what's a shorter one. Five validated startup ideas okay. So we're just going to do the first half of this one because I think we're going to get cut off. Actually. It is anthropic. It might be able to just do all of them. Let's see let's just see if we get an error come on no way all right. It just works. Let's go I am so thank God I was feeling. The pressure wait so now let's just change this to spit real quick. Okay Facebook reals optimization tool it sounds about about right wait. This one was with I think I actually watched this one. Oh no just kidding yeah. This is this is this was yes. This is from this episode Chris. He did talk I just want to make sure this is right so he did talk about this okay. Uh let's sip this programming SEO agency franchise yes okay AI content repurposing tool that's right yes lifetime warranty product yeah. All these things all right. This is is working. We can just go through and grab all your uh podcasts and just like see all the ideas um all right um and we won't have time for it today but couldn't you automate that yes yeah that would take a little I mean. Then we would need to um there's I mean that's a that's a really valuable thing and if you want to create something of value yeah it would probably take me another two hours plus another a while to debug and like I might actually need help to fully deploy it properly because that's a really hard thing like you're basically scraping transcripts. Then you are putting it through this process. You're then saving them and um I mean actually if we had another hour. I'm sure we could figure it out. But let's just paste this in and let's hit analyze transcript com comment on YouTube uh if you want Riley to come back some other time. If if he'll bless us do you know this one uh wait. I'm just curious on which one this is see. This. This feels like a Cody Schneider just like looking at the transcript oh damn. This just got I just uploaded this an hour and 22 minute episode and it got. It went from 8 to 15. So let's just see what this looks like full screen. So this is the app startup idea evaluator you paste in your transcript and then um yeah. So then this is this one so you have a LinkedIn video content Agency for Founders um the AI automation. Consulting for small businesses I don't know if you talked about that I'm pretty sure these are all yes okay nice all right. This works um o formatting gets a little rough after after 10 but that's fine that's easily fixable yeah um yeah dude I feel like send me your invoice I feel like after this I owe you $100,000 from this n dude. I'll uh I'll figure out how to deploy it. We'll um. I'll just like send you the the link you can use it amazing um so Greg we're about an hour and 15 minutes after we finished uh the episode but I've added the ability to just paste in a link and we can hit load transcript. Then I can actually type in what I want to look for so startup ideas so I kind of turn this into a general app something that I might use to analiz a transcript and maybe look for AI news or coding ideas or something along those lines. But we can just paste this in and hit analyze transcript should load any second now boom. So four uh total ideas extracted and now what we can do um and I just put jot like jot it down or not right instead of sip or spit. Now we can click this button and it actually saves it right up here. So this is sponsorship. Library tool and we can hit jot and we see it up here sponsorship. Library tool and then if we don't want it we can hit not and we have now all done so it's kind of a full app experience. I think right where we ended. The episode was right when it starts to get fun because you can actually start making um smaller changes and now we can save these to your profile. We could in theory add the ability to edit them so you can refine them and kind of into a little notebook of your startup ideas that you have sipped or spit. It is 7:41 and we've added another update. So this is where we're at now we can officially sign in uh if I refresh the page here you can see it uh. But it automatically takes you to my profile. The app works as normal except now we can see all sips so we can see all of them and so now every single video that we do so now if we do interesting ideas and I paste it in another transcript from Greg. Uh hit load transcript uh analyze transcript uh what this will do. It should load in the SE. All sips as this interesting idea is here so what we can do is. We can hit uh so let's just sip. So now there's five interesting ideas from this one so sip sip you know what let's spit this one and we'll sip this one and so we go through all those. Now we can see all sips so now we have interesting ideas in here where do you want to leave people. You know they've watched this and there was UPS. There were downs but we ended up in a high like what do you want. What's one piece of advice. You want to give to people yeah okay. So uh I guess um. I have never claimed to be an expert. At this right. I love learning like I love like the act of like learning things and like diving deep into rabbit holes. And I'm actually just this why I've partnered with an who's very good at uh at what he does and he's an expert developer. He is a senior developer in every sense. He's started companies and so we're working together and we're going to try and create a community and eventually help a million. People learn how to code without having to write how uh uh learning how to write code and by the time you watch this. I think it's going to be software composers tocom right. Now. It's senior uh senior s uh see the fact that I don't even know. We Lally bought the domain yesterday and threw the community up and we've uh. It's called software composers senior software composers and since the tool that you just saw me using was composers. Uh was the composer feature incursor and you're kind of just composing your way uh figuring out your way through the bugs and so we're basically just creating a community of people who want to do that we're going to be releasing very in-depth course. Uh in-depth courses that I'm basically going to take and and then everything that I learn I'm going to put out step by step and we're going to do weekly calls help people through their bugs and every person who joins the uh. The software composers is going to get like weekly help with their projects. Every single person's going to create an app fully deploy it. We're going to talk about stripe integration which I'm really excited about actually monetizing these apps which is actually one of the hardest parts of apps especially if you have like multiple different plans um. But we're GNA talk about all of it so that's what I'm working on. I'm joining like I I'll definitely join once. It's live I for me all this stuff like curse or repet all these new tools like. It's about getting your hands dirty and it's about you know treating it as like a creative process like even if you don't end up you know yes some of these businesses. Some of these projects can turn into businesses and who knows like create real wealth and everything but sometimes it's just fun to do this and and to like like you said solve problem so thanks for coming on here. And uh I'll see you uh. I'll see you next time yeah. See you appreciate it. This was a lot of fun I'm thank god. It worked at the end there thank god it worked dude. Imagine didn't worked that would have that would have sucked there would have been no. It was it would have been a buildup to nothing so thank god it worked. I had I had fun doing that so yeah and if you like this sort of stuff like this on YouTube to get more of this in your feed and subscribe.