How I Ship Full Web Apps in HOURS (Here's My Stack)

Hey guys, what is going on? Welcome to this video. In today's video, I'm going to be talking about what I call the AI dev god stack. This is how I build apps in literally hours. Couple of things, guys. I'm not vibe coding anymore. I watch everything the AI does. I do everything step by step. And also another thing to notice is that this stack is how I've been building things so damn quickly. Now, just as an example, you guys might have seen I released Noxy the other day. Um, this is just an example, but basically I created this entire application. It completely works and I think I only spent I probably spent 5 to 6 hours on it, but I launched it, right? It's it's not just like a soft launch. It's actually launched. It has paying customers already. It's on to do 500 a month just already, right? Which is absolutely crazy. Now, this isn't a sales pitch for Noxy. I'm just showing it as an example, right? So, how can you build something like this so damn quickly? This is also the same stack that I use for Harbor. Harbor is my main SAS tool right now. It's doing extremely well. Thank you to everyone that signed up. Just so you guys know, you can still sign up for the founder pricing until midnight tonight. You've got about 13 hours to sign up. These numbers are going up every single day. So, we're getting more impressions, more clicks. These blog posts are ranking extremely well on Google. The reason being is because I updated the model to use a much better model. We're using Sonic 4.6 now for the writer. You can lock in either the light or the powerhouse. This is going to be changed tomorrow. Likely the prices aren't going to change. It's just the amount of articles you get is going to go down or I'm going to just give founders more articles, right? I still haven't fully decided what I'm going to do. You have until the end of today to go and sign up. So go and sign up guys. There's a link in the description and in the pin comment. Thanks for the attention. Let's jump back into the video. So this is what I call the AI dev god step. This is pretty much everything I use to ship apps in extremely short amount short amount of time. So the first thing is oh we use Nex.js as a static website. So I'm not using Nex.js as a server. I'm using it purely as the thing that is in the browser, which might also be a server. I'm really bad with that kind of stuff. But there's no uh backend, right? It's literally just a frame. So when I click a button, what happens is it talks to my back end, but my back end is not on Nex.js. My back end is on convex instead. So it's a shell. It's all of this is next.js. It's extremely fast. Really, really nice website, right? I mean, it could probably do with a bit better of a design, but overall, it's a really, really nice website. And you can just see that everything works. It's super fast. You know, click, click, click. But it's just a nextg static website. Every time I click something, if I click like generate content with Harbor, it will send a message to the back end, right? So, it's purely the homepage, marketing, and dashboard on Nex.js. Now, Convex is where the magic happens. Now, this isn't an ad for Convex. I've tried to get them to sponsor me. They don't really seem to be very uh they don't reply to me, but yeah, Convex is what I use as the back end. So, if I just go to Harbor here, Harbor V2, this is free to use up to a point, right? Pretty much everything in this video is free to use. There are a couple of paid tools, but 99% of things are free to use. So, we have our database here. We have our functions here, which serve as the back end. And you can see there's a lot of functions here. Um, so it's like a backend plus database wrapped into one. It's kind of like superbase, but people just prefer it. I prefer it. I'm not sure why everyone prefers it. It's split into dev and prod automatically, which is super nice as well, I have to say. So like there's an automatic split between dev and prod. So you can you're not really going to mess around with um, you know, dev versus prod or whatever. So super super nice. Honestly cannot recommend convex enough. And what you do is you set up Nex.js and then you set up Convex or you set them both up at the same time. Literally, if you just go on Google and type uh Next.js Convex and click on the first one, literally all you do is run that and this will create a NextJS convex site for you. Right? Super simple, super easy. Then we use Clerk. The reason I use clerk, you can read all these little notes I've made as well, but the main reason I use clerk is because it is um compliant, right? One of the biggest problems you can have is that you're not compliant with your uh database, sorry, with your the data storage of your users. So, what you can do instead is you can use clerk, which is automatically compliant. It gives you this really really nice way to track like signins, total signups. So even if you didn't have any kind of analytics tool, you can still see how many users you've got, right? So like how the growth of users is going, etc. So like even now that we're a paid tool, you can see just how many people are still signing in every single day to Harbor. I'm I'm doing everything from Harbor's perspective, just so you know, just because Harbor is my most established SAS. It's the one I've put the most hours into, etc., etc., right? So that's why I'm that's why I'm talking so much about SAS. uh about hub. So yeah, it uses GDPR friendly and USfriendly. So I think it's like sock 2 or something. Don't quote me on that, but it's basically just compliant user storage. Then for payments, we use Stripe. I wouldn't recommend using payment links, uh Stripe links, sorry. But what I would definitely recommend you use is the Stripe MCP. So with the Stripe MCP, if I just write /mcp, you can see the Stripe MCP is connected. You can do things like create me a new price for my medium plan which gives half of powerhouse uh articles. Uh so if we just watch this for a second, what it'll do is it will so this is pretty much I don't use that many MCPS, but one of the MCPs I use for sure is uh the Stripe MCP. I have to say the Stripe MCP saves me a lot of hassle with Stripe. Stripe is extremely annoying to use if you didn't know. So with the Stripe MCP you can do very very easy things, right? Yes, €49. Call it um I don't know something. So this is probably one of my favorite things to do. Um I you don't really have to worry about Stripe if you have the MCP. Highly recommend it, guys. So 10,000 words of Harbor Content. Sure, that's completely wrong, but it doesn't matter. This is just an example. And there there we go. We now have a new price which we could very quickly and very easily add to our project. Normally that would take 10 minutes. Instead, you just use the stripe MCP. Now, Post Hog is another MCP that I use. So, if I just go here, you should see Post Hog. There we go. It's connected. So, I can say like, get me my latest data from Post Hog and do an analysis. Let's just go on to Post Hog quickly so you guys can see what it's all about. Post hog, again, they won't sponsor me. I've asked them loads of times. They just don't want to sponsor me for whatever reason. But I still use it every single day and I will still talk about it at every opportunity. This has changed my life honestly. Previously I tried to use Google Analytics. I have more recently got into uh into Google Analytics but still I would still rather use Postto right. So you can see here this is basically a huge summary of everything. Um Harbor, right? So, unique users, article generations obviously went down when we went from a free tool to a paid tool. Pretty standard. How many people are using their credits? Um, how many people are, you know, cancelling or there's a lot of cancellations. I manually went through and cancelled all of my test accounts uh today. That's why there's a huge uh increase in cancellations. Token depletions. See who's actually using things. How many um search consoles we have? Almost 150 now. beautiful GSCQ uh results page. So like people looking at results pages just all of this really really useful information which also this can grab. Now this is the complete wrong project it looks like. Let me just see here. Okay so this is for balary part but whatever it doesn't matter. Same thing. So yeah you can see this is just a way for me and Claude Co to analyze our data together. So super super helpful super useful. The next one is Google Analytics. I wouldn't have had this until very recently. If you watch my video yesterday, I showed you how I actually got Google Analytics set up. It's not something that I normally would do. However, because I use Google Chrome inside uh Claude Code, I actually managed to get Claude Code to set this up for me. So, it's completely set up and integrated with Google Ads, which is the first time I've ever managed to get Google Analytics 4 set up. So, I definitely would recommend doing that as well. Composio. If you don't know, Composeio is one of my favorite little apps. What it does is uh so I'll just show you on Noxy actually because it's easier because I haven't actually used it inside Harbor yet. But basically these buttons here, Reddit Connect and um Twitter connect. Both of these are done with Composio. So if you don't know what Composio basically is, is it's like Oorth as a service. So I just go to get started here. And you can either use composio to connect cla to for example Gmail or you can build with composio which is what I'm going to do. So what this does is you go to orth configs. Let's just say you want to uh create like a Reddit one right you can see Reddit and then you click here and we can should be able to do connect account just to show you. So if I press connect account pop-up block. So let's unblock that pop-up then this pops up and then allow. So what this basically means is now whatever I connect to composio using the composio API key will be able to post on Reddit for me. Right? So another thing I was thinking of doing is on harbor adding Instagram right and then basically importing postforge which was a tool I made a while back into harbor so people can automatically post onto in Instagram using composio. Right. So, Composio really, really good. It helps a lot for oorthth, right? If you're having problems with importing oorthth into your projects, definitely check out Composio. Shaden more recently is something that I've been getting into. I absolutely love Shad Cenm. If you don't know, it's a UI UX library and it basically means you don't have to worry about mobile and things like that. You can start a project here and you can kind of just um there should be a way to just randomize. Yeah, shuffle. So you just shuffle through until you find something that you like. And then once you find something that you really like, then you just export it or you can open in V 0 as well and start really designing the entire project. Right? So this saves you a lot of time and a lot of effort and also means that most things are mobile friendly out of the box. Harbor is built using Shadzen. You can kind of just tell by the components, right? They sell again free up to a point. Once you start making money, you do have to pay them, but we're paying them 20 bucks a month. And because we're using Convex, the way it works is all of the calls are routed or routed through Convex. So, we're not actually paying Versel per call. We're just paying them to host the website. Now, the main advantage of this, if I go to deployments, you can see 1 minute 55 seconds, 55 seconds, 58 seconds. I used to have to wait 15 minutes for Digital Ocean to build my project, right? I didn't realize that Versel offered one minute builds. So, that's kind of changed my life when it comes to building because now I can ship much much more quickly, literally 15 times more quickly to check whether something is working in production or not. Now, one thing to mention is SEO issues. You got to be really, really careful. I've been de-indexed many times on Versel, so just be careful with how it's set up and make sure that everything is readable by Google. Resend, I cannot recommend resend enough. It's probably my most used tool. It's where I live. You can, if I go on metrics here, I'm sorry for everyone that's been getting blasted by emails, guys. Like, I'm surprised not more of you have complained, honestly. Like, 0.6% complain rate. I've just sent 62,000 emails in the last 15 days and I only had like this amount of complaints. That's insane, honestly. But yeah, resend is really, really good. Basically, the way I did Harbor, if you're curious, is um number one is I made it free. Number two, I collected emails/ accounts. Number three, I made it paid. Number four, offer founder pricing. A number five, blast people with emails. But these emails, they're not cold emails. They're warm emails, right? Because they're people who signed up to the free harbor session, right? And if you're curious, guys, I'll just be I'll I'll be transparent with you. We're on about I would say 5,000 MMR. Um, to be completely safe, I would say 4,000 MMR from Harbor Subs since we launched the new Harbor, right? So, it's been an amazing an amazing launch. It's not as much as we were hoping for, but still, this is a really good number that I'm super happy with and super proud of. So, thank you to anyone and everyone that signed up to Harbor. And like I said at the beginning of the video, you do still have about 13 hours left to join. So the other one, the other two guys, these are the final two that I'll talk about. Gina plus Bright Data. Really good for external LLM scraping. If you don't know what LLM scraping is, I can actually just show you. Um this is how harbor works ba basically. So let's just go to TwoMen and let's go to shoes sneakers and let's just pick this sneaker, right? So let's say we want the images and the pricing from this website. How do we get the images and the pricing from this website? Well, we can use something called Gina or bright data depending on, you know, whatever you're trying to do. Bright data is good for certain things. Gina is good for other things. And you can just put the URL here. And you can see this is just two lines of code, right? Literally just two lines of code. And then watch this. Watch what happens. Bang. You get this entire website in HTML, right? So what can you do from here? Here you can look for CDN. CDN are images if you're unaware. There we go. These are all of the product images from that website. So what do you do next? Right? What what is the point of this? So if I press is there a copy button? Where's the copy button? Yeah, copy here. Right. Let's just go to Gemini. I'm just going to say please extract the product images from this content um into a JSON format. Right? And then we just paste the content and press enter. That might be too long for Gemini. Not sure. No, it looks like it's working. So, what this should do is this should extract the content. There it is. So, product title, product images. And then what can you do with this? You feed this to an LLM and you say, "Please write me an article. Make sure to embed these images." Right? Again, this is just a quick example, right? But it should write an article and it should embed them. So, that is LLM scraping. So, let's see here. Okay. Okay, it's probably not going to embed the images. Okay, it didn't embed the images, but you understand what I mean, right? This is just an example. So, this is how Harbor actually works at a base level. We use Gina scrapes and bright data scrapes in order to do external LLM scraping and output as JSON, right? So, what do we output? We output things like um pricing, images, internal links, and other things like that. Then the final one, guys, there's two ways to do this. More recently though, I've been using Gemini 3 flash plus grounding. Uh the reason being is they give you quite a lot of searches per day. So if I just go on Google and type Gemini pricing and then click here and then scroll down, you can see grounding with Google search. This is Gemini 3.1 Pro View, but whatever. 5,000 prompts per month and then $14 for 1,000 search queries. The important thing is this search queries. So you got to be really careful that you're not doing too many search queries. This shot me in the foot the other day and we were losing an absolute crap ton of money uh because it was doing too many searches. But yeah, this together is super powerful. You you would not believe the kind of information that you can actually get from just doing a grounded search query. You can get URLs, you can get emails, you can get links, you can get information, you can get so much stuff that is so good for writing an article. I would say these two things here, this is how Harbor works at a base level to create such good content. Overall guys, this is the AI dev god stack. This is what I use every single time I build a project. I would say the ones I don't use that often, but sometimes bit more niche. Uh Composio, probably just Composio to be honest with you. Composio has definitely got a niche use case that I don't always use, but when I do, it's so good and so fast. Guys, I'm going to leave the video there. Thank you so much for watching. If you are watching all the way to the end of the video, you're an absolute legend. Go and check out harbor seo.ai. There's a link in the description and in the pin comment. And I'll see you very, very soon with some more content. Peace out.