I Fix Vibe Code Apps Now (then I'll teach AI to)

hey there I'm Parker Rex I led product and technology for a startup that did $73 million at its peak $47 million after we got hammered by VC competitors and sold for $23 million that's for another time that story but on this channel I talk about all the things that I'm doing now to grow on AI Services business to $100,000 in profit a month and we do this every single day so I take in questions I go through the strategy I go through some news that's only relevant if it's helpful for for people that are trying to do something like me because there is like way too much AI news it's literally just garbage most of it because it's media companies that want to get clicks and sell ads and I'm not either of those so let's jump in first we're going to cover some questions that came in and they're really good ones and they're not necessarily from YouTube actually they're just questions that I got yesterday from people that I talked on the phone with um I don't even know if we have a question on here but I'm just going to check but while I check I just got great content hey thanks thanks Marilyn thanks cool so the question that came in that I wanted to talk about is actually what are the vibe coding pitfalls so I had a friend ask why wouldn't you just talk to the computer and if you've watched my videos before you know that I feel strongly about this that the guy who coined Vibe code is the Michael Jordan of AI so you're not him you're not that guy pal but there are ways to make the most out of the situation when I was learning and taking coding seriously it was right when the first versions of GPT 35 were coming out and I used as a 247 tutor just ask a bunch of questions because typically people don't ask questions because they feel like they're going to sound dumb or something but that's dumb you shouldn't feel that way but what's beautiful is that you don't have to worry about that you can just ask a million questions so instead of vibe coding getting yourself into a mess just have one half of the screen be the thing you're working on and then one have be an AI and pick a tool set and stick to it don't swap around I probably wasted a lot of time just getting shiny object syndrome and there's a couple stacks that you should use that are really well trained on like by the llms so what I would use is I'd use base what that is if you're not familiar it is the green lightning bolt now what they have is they have a database so giant spreadsheet basically and that's using a technology called postgress and you'll see at the end has SQL SQL is its own language super powerful postrest is in a a different version of SQL it's got a lot more to it some of the basics that you can do is in the database itself you can have what's called a trigger so every time that a new user signs up to my service we can have a trigger that automatically goes off that does something we could say we wanted when they're authenticated with Google we want to set up trigger that emails them if they're authenticated with GitHub we want to set up a GitHub commit message that starts a new pipeline that's what a trigger could do other things that superbase has that are just really helpful for new people and I use it it's just because it has so many things it has off right so that's the way that you can loog in and do accounts it has SSO which is single sign on it has a command line interface that lets you type into the terminal to do all these different commands it also has some other things in here like Edge functions and Edge is just the area on the network that's closest to the person so that if you're doing something on their behalf and they're in Australia it's going to do it at the edge closest to them an example of this would be an open Ai call so if we were sending that GitHub user a customized message via a trigger you would use an edge function other things that are in postgress I'm realizing this is kind of like a commercial for them but it's just really helpful and it's the thing that you will want to use for your Vibe coding is uh what else do they have they have database they have a they have CLI they have Edge functions honestly that's all I use out of them so that that should be plenty oh they have vectorization so they have this thing called PG vector and what a vector is is it takes a block of text so if this was our example text it's going to make a bunch of numbers and put them in an array which are these square brackets and that basically says this is how similar this word is in uh I want to say it's like a 3D space basically all I know and what all you need to know is it allows for similarity search it allows you to vectorize or turn information whether it's in a PDF or blocks of text into this number format that makes it really easy for a machine to read AKA computer to do similarity search retrieved augment augmented generation which customizes the queries that you send through using an AI so you would want to use subase you would want to avoid the following pitfalls so I told them hey look like Tailwind is this awesome thing that lets you customize the look of your work so if I have an image before Tailwind oops if I had an image before Tailwind I'd have to go into a separate CSS file I have to do a custom image selector keep doing imager Custom Image thing and then I'd write a bunch of this stuff in this one file saying oh no we want to have rounded edges we want to have a shadow and all them and that's great you can do it but instead of doing that Tailwind just lets me do what's called a class utility so in the file where I'm putting the image I would just do class name equals and then I can just say uh rounded right so the catch though is if I'm telling them hey yeah use tail one well guess what Tailwind just came out with Tailwind 4 and it is awful with LM so you would want to actually know that you want to not use that one so you would You' go in after your Vibe coded app is created and you'd say hey never mind I need to downgrade this so you need to go into package.json and you'd actually take in there You' take it and let's just go and check it out so I'd type in tailwind and You' go to the main one so Tailwind CSS and instead if you hover over it it'll tell you what the most recent one is so 4.0. one5 no you don't want that you want something in the threes do 3.4. one4 and then you want to make sure the other things that are in here like the animate and whatever don't have dependencies that are dependent on four then you end up with really helpful AI with four not helpful with three helpful is that clear good another common one is this like just the patterns that are used because this package.json thing it's really awesome but it's also really a big causes a lot of issues so what could happen is the llm again llm is a big brain let's call it just like oi this is our our model and whenever we Yap at it to help with our code base this is our code base it's trained on stuff from October of 2024 and this has a package.json Jon this has a package.json which declares all these separate little mini apps like Tailwind like superbase it declares all these separate things to be dependent on actually making the thing so that you can end up you know with a dubdub dub or an IOS app like your actual output can't happen like it'll just it'll explode and you'll end up in what's called dependency hell where you're just trying to figure out what's going on but it's because of this because this models trained on an old version there's ways around it where you can say hey actually we want to use ta Tailwind 4 well it's still not going to be as good so that applies when your Frameworks come out with new stuff so I noticed this with the person yesterday Aiden from the trouble free group which you should check out if you're an inspiring business owner a current business owner using AI is he had super base and he's trying to figure out how to authenticate users and manage sessions but it kept giving him this issue and it had to do with the fact that the framework he's using which is nextjs which I highly recommend for all noobs because it's front end it's back end it's everything well next J asked when they launched 15 when they went from 14 to 15 everything changed for this other thing which was super base right so you just end up with like this nightmare inside of package to Json which has again all the dependencies and all these little like V1 V3 V4 and it's so confusing for people who don't actually read the documentation to know those things because you'll get an eror that's not very helpful so what I would do is I'm trying to just kind of product uh recognize the patterns in what issues come up the most by just talking to people who Vibe code I think that's also a business opportunity I think it's a a nine figure business opportunity is just literally fixing Vibe Cod Vibe code apps next up is off this one tied in but there's a lot of issues with this because getting uh first of all there's authentication which authenticates the user to do something and then there's authorization and they're two separate things but everyone just thinks of them as off so you could be authenticated to log into your account but you may not be authorized to do something that an admin user has so this is another Pitfall I'm not totally sure how you would build an agent around this to help because I do want to wrap all these pitfalls into multigenic flow we'll talk about that at the end of the video the fourth one that I noticed with working with Vibe code folks is this Standalone stuff so especially if you're using like lovable or using bolt you're using vzer if you're using these really like Junior got your training wheel stuff on which is great like I'm happy people are using them but if you use these you're in their own like little ecosystem and the second that you go out of that and then you go into cursor because you think you're going to like make more progress so you want to go to the next level the second thing you go here this again like the configuration packages the uh Tailwind files there's all these things that just are going to be messed up so it's like oh your next config oops config.sys Ates everything that's going on in your app when it comes to build time and it's going to look really different if you come from let's call it lovable because it had to run in their box whereas if you come out of there then you need to change things maybe you need to add logging maybe they add like I've noticed that separate I call them training wheel apps but separate training wheel apps have different configurations so then I find that NEX config package.json tailin config and TS config are just nightmare files that no one knows what they do because they don't know how to code so I think if you again like created content around that that's a really cool offer so the last question that came in was around the best SEO setup so I have a friend who's trying to do a play that requires SEO for lead gen on behalf of other businesses and what I said was okay well there's a couple things you want to know well SEO you have onpage SEO which is make sure you're using semantic HTML which means that you should be using HTML tag obviously but that's a bad example you'd have using things like the aside tag what's an aside tag exactly no one uses it but it makes Google happy because it's using semantic HTML another one would be okay make sure you're using your H1s only like once really make sure you're using H2S make sure you're using p tags those are all obvious but there's lerk known ones like this so that'd be on page and then you also need to worry like let's say it's like in bucket one bucket two would be using the accessibility things like screen reader who would think of that well someone that's done SEO before but there's all these little things and Google themselves says that you get ranked on 200 plus different parameters and then you end up with what's called a da a PA a Dr domain rank page Authority domain Authority so your entire domain gets a score and it's like oh out of 100 so if you're like Time Magazine you might be a 90 but probably not you're probably like 80s maybe 70s but it's really high page Authority could be a specific page within a website that gets its own independent score maybe it's like this really dope blog article that a gajillion people have read they've stayed on the page for a really long time they've been driven in from other places by a lot of different links that's what a back link is and then the domain rank is just the rank of itself so if I typed in like best restaurants near me it's most likely that a Chain's going to show up versus some new place that open that's mom and pop because the chain has National Authority it has backlinks from other na uh Regional Statewide Nationwide accounts and websites maybe people have like written blogs about them so they got all these things coming in that are working for them so you'd have like a couple of these things I do like off page SEO but the question was is like well what stack would you use well I would use next even the biggest haters of the platform will say hey it's actually really good for this because it does this thing called SSR it does ISR and it does generating static Rams what that means is uh this is server side rendering so when you go to build the actual app it's called at build time so at build time when it goes up to where you deploy it so maybe you're using like brel or something let's just take a look at one when you go to do this it's going to actually make all the different blog articles so like Parker rex.com for instance this is a good example I have a Blog on here if I go to my deployments and then I click into one you can see the logs for it logs are the traces so build log and you can see that all these pages are created then and there they're not created when someone then shows up to the website and then clicks on it and then the browser needs to build this thing from scratch now it's built at build time these are static so they're there they're not changing you can see this blog SLS slug thing the slug is a dynamic route which means that everything in it could be different but it's going to be under the blog slug um route rather and then you see each one of these is a blog post and that should not have this little thing in here that would that would get docked actually that's another thing um but yeah you'd see okay cool I have 38 different blog posts on here and it's not going to show me all of them but they're done then and there and it's using the pre-rendered a static h HTML using generate static prams so it's a function that you pass in when you go to do it I can actually show you where it's done just so you know let's open this up actually let's use a hotkey p if I open up that open up my site and then let's just do a fuzzy search for Generate static Rams you can see at the page level of the blog so if I look in the file tree you can see I have blog so it's Parker X blog and then slug slug is a dynamic route you can see it with that pattern that next uses so that in each page below it it's going to render that particular blog post so then all I'm doing is I'm passing in the name of the post the slug which is that thing that you see in the search bar and then the publish date and that's it and then you have this thing that's just saying okay generate these static parameters parameter is what you see in the search bar it also does a generate metadata so this is another one because if you write a blog article and you want it to go live you have things called blog uh sorry metadata which is the stuff around it so if I sent you a text message or if I pasted this link into Twitter or Facebook Facebook or it's an iMessage that little image that shows up like at the preview that text that's in it like you can actually programmatically set that so it's like I might look and see uh I think it's called open graph OG open graph yeah so there's this data that you basically put in there so there's all these things right metadata static prams but I would use some sort of checklist that I just went through and I would end up using next for it it's the best for SEO then you you get happy because people are visiting your site I should actually see what my stats are because I just started posting stuff I think I have like five people going to my site Soo is a long game you can see yeah so like 11 visitors and then I stopped posting it's like oh two visitors so SEO is one of those things where it's like quit worrying about it now get into the habit of doing it and then eventually over uh month not weeks will you start to see progress there um autor respond logic this is a piece of news I wanted to cover so something I saw on Twitter was somebody was trying to do automated messaging for engaging with accounts but if you just have someone like say something that's like super canned on every response like you can go and you you see their page and you check their replies and it's like you're actually degrading your personal brand by making yourself sound like a bot so there's a way to do this it's way smarter and I just I won't rebuild it from scratch here but I saw it in a pattern and I wanted to share it where if you have an automation setup this would be the auto let's say like auto reply for and then you know insert name of platform you could do it with any of them it's just different oop required so if you did that what you do is you authenticate let's say YouTube you'd authenticate with it so you have you know Parker rex or whatever and then you'd go and you'd search the comments so there might be a node for like comments and then you'd go and you do what's called uh well you store it first so then you have like a g sheet and then after you do that you have a classif classifier is what it sounds like it classifies things and luckily we're going to make this a round circle this will just be open AI but in there you say hey like if question return one and then you do the same thing if suggestion return two and then if comment like our commentary or hot take or something if some third thing return three and then what that does is allows you to then take whatever that uh number is so it's going through it's going to just basically categorize it or classify it and then you do a router so it splits it into three different sections or different like paths that you go down so then you can choose okay cool if it's this then you're going to have an oi that replies to the suggestion it's like hey this is suggestion can you write in this tonality here's examples of how I've done it here's examples of how of suggestions that I've gotten and then responses that I'd like to say and what I would always do really not sound like a bot is then you'd have an hitl or a human in the loop this is when you get to see it so it does the work it like goes gets the thing reads it for you and then it'll draft something but then this is when you'd actually say nope like it's time for me to take a look and this can be in the form of a text or an email but then you'd say okay and then you do more automation around that where it's like okay it's good to go and then it might go and actually do like the post the same thing would go for this right so that's how you could do it I wanted to show this clip it's too good the primagen was on Lex Freedman un monitor kind of gu what really and I posted let's see oh this is the it came out of this automation this guy told him like dude you need some work on your proms but this is really worth watching he made some sort of tweet and one of the person's responses was yeah no one in this like in 2025 or whatever should be acquiring hard skills you should rely on everything for the AI effectively and it's just like these are really damning pieces of advice for young people like young people are being told that you should never become an expert in anything you should always offload and the problem is is that anyone worth any of their salt will tell you that AI though can produce code is going to get wrong in a huge number of cases and as the code becomes bigger or more complex or more input it's going to just start kind of slashing back and forth between bugs and so if you don't have those hard skills and you're not ultimately the driver at the end of the day like you're going to really find some hard times and your ability to progress will be directly bound to how good the llms are so if you believe that the llms will be boom I mean I couldn't have said it better myself I think it's um basically you could only get 80 % of the way there but that last 20% is going to be impossible and that's not to mention the fact that most coding projects you can get 99% of the way there but the last percent is what matters so just food for thought fellas okay I actually just bought two domains because I think this is a great example for an offer of fix my vote I can't even say it with a straight face fix my vibe code app.com come on down to fix my vibe code app app.com where we fix your Vibe code app for you I'm Parker Rex and I'm here to fix your God okay well the point would be is You' take this stuff that I'm learning by literally doing client work and getting paid to do these things to like fix people's projects I'm recognizing all the patterns in them it will change so you'd have to continuously at least take a client on a month to do it but then that would subsidize the costs and make it worth either ing someone to help you build this or just do it anyways because you're learning you be paid to do the R&D and then you turn around and the site would be following all this stuff I talked about earlier of SEO where I would generate like all the different like pitfalls right it'd be like You' look up you'd use uh sem rush or ah refs these are SEO tools and you look for the long tail longtail wordss so it' be like how to Vibe code that's probably a really popular one and then you just do that same thing except with like enter fix Vibe code connect super base all these things that are super super basic like I got asked how do you connect your super base I'm like well here's the docs for some reason people are allergic to docs what I get it because if you get a doc and it's like oh just run MPX create next app because they need to like res scaffold their thing and do at latest then make sure you pass it the typescript flag and then after that make sure so that's step one that's really easy and then next you're going to do MPX Shad Cen UI and knit and then you're good well guess what no one knows what MPX means and then you go off on that rabbit hole and you're like what is node and then you like oh my gosh and if you can get past that then it's like what's a package and then maybe you find out about pnpm because you're on redit and someone says use that and then you're looking for that and then you're like well wait what's bun and then you just you quit so I think making these things really easy like like the most basic like how npx works like this would just be a website that has a gajillion articles and most likely people wouldn't want to do it themselves so you'd have the article you'd have a Blog Page right and then you take the HubSpot templates which are Google approved and you'd say okay cool we're gonna have maybe it's its own channel but probably not but you'd have like the blog article and then you'd have a side car which is like just do it for me and then that'd be the offer so that brings in the last thing that I wanted to actually plan on this video before we wrap which is how would you build this to be Standalone so that I'm not actually doing anything and it would be a couple of different scenarios it would be n8n it' be a couple scenarios so when I say scenario like this is a scenario right like one scenario be a couple of these and then it' be an mCP cluster what does that mean we'll explain a sec H HL means it's the stop sign that means hey wait I need to look at this before it goes live and the better that your system is the quicker that you remove that right but at first you need it because you don't want this thing to be on autopilot you don't want to be a bot so an mCP cluster is essentially a bunch of like an mCP is the thing that lets you connect AI to other apps so the way that it works now if you're not familiar is like you have let's say Premiere Pro a video editing app and they're not going to get AI for like 15 years right and then you have Claud desktop app what an mCP does is it connects these two in its simplest form it let you say hey look I want to type I want to Yap at this thing and then it'll go do things in there so instead of being premere pro where it's like eight gajillion different menus like menu one two three four you actually have these commands in here so it' be like clip cut create sequence you'd have a bunch of these different tools that are really well defined that have a tools a function but then when you're talking the AI can determine what tool to pull so I'd say hey I just added a sequence there's a one minute video in it I want you to run actually I really want this no one's built it yet but run the auto text edit tool what that does is it takes your video that has audio in it and it finds areas where it's flat where there's no audio and it just Clips them right so right now I have to go in here and it's really helpful right that's one step in the right direction where I can go in and I can click that button and it does it there's another one that's called I just always call the um remover which finds areas with filler words and it goes and it does those but what would be awfully nice is if you had an mCP that had the UN removed tool so when you open up the Claud desktop app or in your case you could run your own server that doesn't require you to have cursor that doesn't require you to have anything it's its own dedicated server that sits between the two and does the thing you could build your own interface around it so you could just say hey new video is uploaded go do your thing on it if you have really basic editing you can actually do this that's what I plan to do because when I go and I edit all that I'm doing is I just make sure that the video is pretty good like I try not to say um I try to keep it tight and then all I do is I list out the steps so when I do this I create a sequence I do command plus I import I add most recent clip to sequence so these are the steps which are tools because these are all deterministic there's nothing artsy in here yet after I do that I switch to text based editing after that I remove filler words after that I add uh template adjustment layer and there's nothing in there that I'm doing that these tools can't do which is just wild I'm freaking out because I haven't thought of this one and then I export with preset it's literally it that thing goes off it hits aonic aonic does a whisper transcription it does the audio editing so it sounds much crispier it posts it to YouTube it has the transcript has all these things so that would be an example of an mCP but you wouldn't do it in here you could literally have it just do all this on its own little hosted server so when it comes to this if you had fixed my vibe code app well if you knew all the pitfalls and you knew the stack you'd have a a really strict qualifier which is the client type so your your ICP or your ideal customer profile the person that you could sell to that would make the most sense would be a next 15 user it would be someone that you could pick the training wheel app of choice so you'd say they just completed their build with lovable they're using Shad CN they're using typescript they're using super base and they're using Tailwind you'd learn a little bit more about the project and this would end up being a funnel where let's do green is the sales so in your funnel you have a form you can either ask them questions or you can have them click a tick box and this would be even sicker upload your code base and we'll fix it for you we promise we're not going to take it something like that when they upload it we could run a check or another agent that could just scan the thing so you could do a repo pack I think it's called repo mix now what repo mix does is it would take this big old code base and it flattens it let's just run it just to show you so let's take the Parker recite I'm going to do uh b mix tokens exclude that let's do actually I don't want the tokens uh let's look at what repo mix pack your code base formally repo pack what it does is it takes every file that you want and then smooshes it it can do this without installation I want to exclude some certain files ignore these yeah let's do this and then even better I could do a remote one if they gave their URL and it was open but I could do this and then for here I would ignore node modules and next cool it just flatten the whole thing and now it's in a file in the directory you take this and this is 364,000 tokens if you don't have this extension get it it's the bottom right it's like right below right here boom but you could take this and then you could run a Gemini against it so I could say I could do a call to Gemini and I'm going to just do this off the The Dome real quick let's see if it works um would flash thinking be good for this Gemini is just really good with large context so 360 something tokens is a Gemini analyze the following code base and give me the stack obviously check the package.json but it's also important to understand how it plays a role throughout the code base so I can understand the dependency structure return a mermaid.jpg and egress and core flows so what this is doing in this fix my vibe code app.com is it's going and it's doing an audit on it and it it's going to take this and it's going to freeze because it's a lot but it's going to take this and it's going to give you I know what it is it's because I have grammarly grammarly is helpful to also pain in the butt of course wait let's refresh no I wanted that how about T3 chat let's try this we're going to go here can I upload a file oh man it pasted look at they go good for you Theo if you haven't checked out T3 app or T3 chat is actually really fire okay so what I do is hopefully it'll work come on H this is painful forget it you get an output and you take that output you'd analyze and classify it like we did with the one two three and you could probably do that so You' go to M and and then you say you know if it has these qualifications then send it to either send it a proposal because we want to be Loosey Goosey and try to get the business or we could say find the pitfalls because this would be a better qualifier for us and then we could Define those so we could Define it is it the cookie thing is it the config and you'd have examples of good files versus bad files but this would be like a fully automated funnel basically for fixing them so go to the vibe Cod fix.com and get your Vibe code app app fixed today oh man that was fun thanks for watching Everybody if you want to hang out sometime join trouble free it's 39 bucks a month to basically be in this research lab Club thing it's going to be a brand it's not just a school I don't want to even be on school to be honest I feel like a scumbag you on that that platform um only because there's just other stuff on there that I feel like isn't isn't the same but for now it's good and you should join because we have Saturday calls I'm actually going to do a Sunday call right after this and if you have any questions that's even more important if you have questions drop them below so we can get some air time for your ideas if you hate me also write that because it helps me out see you in the next one which is tomorrow by bye-bye