New Opus 4.7 + Convex + Stripe = Full Monetised Apps INSTANTLY

Just look at this guys. First of all, the quality is absolutely insane. Second of all, this is a custombuilt e-commerce website. Just watch and learn. So, I go browse the collection here. Let's say that we want to have my cat as a peaky blinder. So, we click here, A3, begin this portrait, upload a picture of my cat, and say this is Candy. She attacks my feet and sleeps all day. And then commission this portrait. This is a live website. As you can see, it's on Versel. It's just on a temporary domain for now. This takes a little bit of time, guys. But what I'm going to show you in this video is how you can make one of these websites for yourselves and start selling something online in the shortest amount of time possible with an AI twist. Without an AI twist, it doesn't really matter. This is only possible because of the insane power of something like Opus 4.7. There we go. This is Candy Ferox Regina, which means queen in Italian. Candy Farox, sovereign of the sheets and terror of the feet. She sleeps like an angel and spakes like a villain when the lights go out. Then you can go down here, select your frame. Let's say we want an A2. Then we click order. And then we put our details here. And bang, look at that. Everything is already set up. I'm going to show you exactly how to do this. I have a new stack, guys. And I think people are going to like this a lot. Let's jump into things. Just before we jump too far into things, guys, huge shout out from our sponsor, me. This is harbor seo.ai, a tool that was created by me. And as you can see, we're shipping updates constantly for this product. I just added this Harbor Copilot, which will be live very, very soon, where you can basically onboard clients. You can write articles from here instead of actually doing things manually. So, I can say, "What can you do for me here?" And it'll give you loads of examples of what it can do, right? So, this is an agency uh website. So, just so you know, this is an agency account, not a normal account. That's why it's telling me about agency stuff. And bang, look at that. Absolutely incredible. So, I can say like um add add a website and then let's just get the website from this video. So, let's just say add a website uh language English, right? And then watch. It'll add the website up here. It can actually do things. It might not be able to find the site map here cuz I can't remember if I did have a site map. Okay, looks like it found a site map. There we go. Now you can see we're working on Viva Catat instead of the website that we were working on before. I'm super happy with this guys. So like now run a discovery. This will now run a discovery on this niche. I've got a lot of other things coming to you guys. I'm super super excited to keep building this. I've just redesigned the whole website. Go and check it out guys. Link in the description, link in the pin comment. The writer is amazing. Let's jump back into the content. This is particularly good if you build one of the businesses that I'm showing you today as well. So, first things first, we are inside the Clawed Desktop app. I am a convert. I have converted to the Claude desktop app. I will no longer be using the terminal. I just prefer it, guys. This is honestly one of the best things I've used so far. So, shout out to Anthropic for continuing to cook amazing things over there. So, what we're going to do is we're going to use a very specific stack. And the stack is going to be Astro plus convex plus stripe. And then you'll need other things like resend if you're going to be really serious with this. And then also let's say clerk for customer accounts. And then I think that's pretty much the entire stack. Right. So I'm just going to say help me set up Astro with convex to start please. I can run commands if needed. For example, convex is interactive terminal. Okay. trust workspace. So, we're inside a brand new workspace, guys. I'm going to show you absolutely everything step by step to building one of these businesses. I will likely just build the same type of business that I made last time. Now, I'm just going to say do not use any skills here. I don't actually want it to use skills. I want to do this from scratch. Okay. So, there we go. Beautiful. So, this is now setting up Astro and then I'll connect that to ComX in just a second. Now, one really, really cool thing with this stacked is we can set up Stripe early on and it will just work throughout the entire app. And I'm going to show you that pretty much immediately because I think that's probably the most important part of this video. Now, think of this video not as a way to make an e-commerce website with Astro, but a way to sell anything through Astro, right? So, you're going to use Astro plus Stripe. You could sell coaching, you could sell courses, you could sell this, you could sell anything, right? It doesn't matter what you actually sell. I'm just showing you how to set this up. And this is a really beautiful system. So instead of using Stripe products, which I've been using for years, what you do instead is you dynamically send the pricing each time to Stripe, right? So you don't even have to create a single Stripe product for this entire process. By the way, guys, if you want one of these websites built, if you have an idea for an AI business to sell something or just anything, even if you have a 100,000 products, come and talk to us today. There's a link in the description of this video. This is the website, incomestreamurfer.com. Just book a call with us and tell us what you want building. We'll give you a price and we'll start building it immediately. I can build these things really, really quickly and probably much cheaper than most other people as well. We're looking for some people to work with for the second quarter of 2026. Okay, so let's go back to this now. So the really cool thing about the Claude terminal app or the Claude app is that you can also just use the terminal, right? So let's do MPX convex dev here. What this is going to do is it's going to start a new convex project. So we'll call this Astrocom commerce cloud deployment EU West. What this actually does is it creates our database. It creates our everything, right? Database, functions, backend, everything. And then Astro is just sitting on top of that effectively, right? Okay. So, I did that. Please check. So, we're doing this collaboratively. I'm not doing a big oneshot prompt or anything like that. I'm literally just building at the same time. Right. There we go. So, adding the public prefix Astro needs. Beautiful. Then, I'm going to say get the project running in just a second. Let's even just skip that step of getting the project running. Like we all know that the project is going to run, right? Okay. So, it looks like it just got the project running for itself. So, working end to end SSR is hitting convex. Beautiful. So, go here. Okay. So, I don't know what it is with with Safari and not working, but okay. Beautiful. Okay. So, there we go. We can we seeded a run basically. This stuff's not really important though. Let's move on to the next phase. So I'm going to say please set up Stripe whereby you can store a price in convex and when someone goes to buy said object it charges them the price uh given to it instead of me making Stripe products. So guys we're literally 4 minutes in here. Uh sorry also also give me the Stripe web hook to set up in my Stripe dashboard. Okay. So, what we're going to do is we're going to set this up in a test stripe. So, we're now inside a test stripe right here. You can see I was testing last night with the same stripe. All we need to do is we need to grab these two keys, right? And say, oh uh these are my stripe variables. Please add uh make sure that everything um is easily changeable. So I can just switch to live Stripe variables later and we're live. Thanks. Okay, beautiful. So what we do is we copy this, right? We go to developers. We go to web hooks. Guys, this is going to change your lives if you're not very good with uh Stripe, right? I promise you this is really worth watching. Okay, so let's just do select all. I always do select all. I I don't know why. I just never know what which one to select. Destination name is fine. Endpoint URL. There we go. Continue. Uh, and then we need to do it again because of the select uh doing the selecting all thing, right? Okay. So, we just want this one here, but uh we've got both. Let's just press add collection or add connection or add web hook or whatever. And then all we do is we get this whack like this and then say um please also store my whack. Put it in the m variables. So, this is super simple stuff, guys. We're literally 4 minutes in and we're about to have everything set up pretty much right now. There is another layer to this which I will talk about briefly. I don't know if I'll I'll probably maybe I'll set it up today, but um this is using Gelato, right? If you don't know what Gelato is, it's basically a print on demand provider, right? I I'm not sponsored by Gelato or anything like that. In fact, Printify want to sponsor me, but I just haven't replied to them. Um, but basically the way that Vivaat, the product that I showed you at the beginning, works is if I go to orders here, you'll actually see orders automatically come in here, right? So, what happens is there's a web hook from Viva to Gelato, which automatically creates this order. So, you could automate this entire process whereby this is automatically sent um and also ordered, but I I obviously didn't want to pay €78 for a picture of somebody else's cat, so I just did a draft order. But just so you guys know, this is it's not just bull crap, right? It's hooked up to everything. It's extremely easy to hook this up. And I will probably show you actually how to do it because I'm I'm working on this thing where you make everything local like in a script with Claude. So Claude runs everything and then once it all works you then create the system if that makes sense, right? Which I've been doing more and more of and I cannot recommend it enough. It's actually amazing way to do things. Okay guys, so I just want you to remember we are only 6 minutes into the project, right? Literally 6 minutes into this build and we're about to do our first test buy. So just think about how insane that actually is. This is where things start to get interesting, guys. When Opus 4.6 7 can code at this level this quickly. Now, I'm not saying you should go and do this with Kimmy, you know, 2.5 or GLM or Alibaba or really anything else except maybe Chpt, right? But I probably wouldn't even I I would go and use this guys honestly. So, look, this still made an error. The classic uh putting node inside functions which happens all the time when using convex. So, there we go. It's now pushed the code. Now it's seeding the product. There we go. We now have a test t. So if I click buy here, this should redirect me to Stripe. And I should be able to put my details here. Now, this is just a test card just so everyone knows. There we go. And then pay. And then this should web hook to Stripe correctly. And there we go. Payment successful. So now see if the order happened. So, this should list our orders. And there we go. Boom. It's done already. So, paid order recorded. We hook fired successfully. And then if we go to Astro Commerce here, this was built 7 minutes ago. Remember that, guys? Orders. Bang. There it is. Our first order is in. So, it went from pending to paid. Okay. So, what's next? Now, we add our AI element alongside our fulfillment. So, I'm going to do that at the same time here. Like I said before, I'm going to use Gelato. So, let's just get Gelato open here. Go to login. And then we're just going to grab a API key. You don't have to use Gelato. I mean, if you're selling something online already, you don't need a fulfillment. I'm just saying if you need some kind of fulfillment, I want this video to be full circle and to actually give you a guide to starting a business as of today, right? If that makes sense. So, let's just go with this. Let's go. I I I've got some ideas for these kind of businesses. By the way, one thing I will say that is bad about this system is if you're trying to print on on a t-shirt, um, Nano Banana cannot produce transparent, like truly transparent images. So, I haven't got to the point where I've overcome that issue just yet, just so you know. So, developer here, let's go API keys. Let's add an API key. And then we also want to add a web hook, right? Claude ran me through all this the first time just so that's why I know what I'm doing. So, gelato. And then just click all these. It needs this to be able to update the order inside gelato, just so you know. And then method would be post and then create. Okay, there we go. Okay, so I'll be deleting this API key at the end of this video, just so you guys know. So I'm just going to say I added a gelato web hook. Here's my gelato API key. Please set these and find all poster types. I want to also note that shipping is around €24. I want to ship all around the world. Um, start by making a connection to Gelato for me. Okay. So, if you had, for example, a product CSV, what you could do right now is you could upload the product CSV instead of doing what I'm doing. Or if you had, you know, this, that, whatever, this is when you give it your products, right? You just have to give it your products somehow. But literally, you could just dump a huge product CSV in here at this point and it would create uh a business around those products, right? So, we're just um basically grabbing all of the products and things. There we go. Framed canvas, posters, mounted posters, hanging posters, wallpaper, etc. So, found nine poster related cataloges drilling into posters to show sizes/variance. So it should show all of the different variants, all of the different prices, just all of this good stuff, right? Gelato connected. Beautiful. Okay. So now what we do is we go to Nano Banana 2.1 on Open Router. I'd recommend just using open router. It just makes things easier. Click on API here and then we want to use probably the SDK here, right? And then we just copy this in like that. And then we need an API key. So create an API key. Create. This will be deleted at the end of this uh video as well. Copy. Copy. There we go. Now um make a connection to open router using the SDK. Um basically a user should upload a reference image with a prompt. Then the user can select the frame, poster size, etc. Add some um is what is it? Leeway. I don't think that's leeway anymore for um shipping. And then press okay. And then that sends a draft order to Gelato inside my uh Gelato dashboard. So, we're just building the the the the building blocks, right? It doesn't even know what we're building right now. It just knows um it's just building, you know, things one at a time. Okay. So, I just quickly said to it, make sure you test using a reference image to perfect it. Right? I don't know how it knows all this stuff, honestly. It just feels like Opus 4.7 is just an absolute genius. I don't know. I don't know. It doesn't even check documentation anymore. It just it just seems to know how to do everything. But I think this the really important thing is just testing everything locally, right? Like getting it to create a script, right? This says invalid input here, for example. So this is incorrect. So now it's find image URL type definition. So it's doing like a process, a step-by-step process of elimination effectively. So yeah, just made another change there. Um, it should work this time I would guess. There we go. Call su succeeded fixing the response passing SDK uses camel case. So boom, it will then fix that rerunning with fixed passer. So you know that these things instead of like trying to build the integration with the front end included, right? So everything is already done. What I'm doing is I'm perfecting the flow, like the actual generation process, and then all you do is just put it into um put it into the into the front end, right? You just plug it into the front end. So, this is just a way better way to do things, guys. I promise you, it's so so good. Okay, so now it's saying, you know, that worked. Next step, Astro file input, convex flow. Yes, do this. Don't worry about design just yet. We're just building the blocks. Okay. So now it continues to test things end to end. So generate, save to storage, create gelato, draft order. Let's see if it can do everything at once. And then once you've done that, that's the that's the business, right? And then I'll show you how I do SEO. And I think you guys are going to get really really hyped up about this video in particular. This is really, really incredible stuff. Like we're 20 minutes in and we almost have an entire business ready to go. Okay, so did it work? Let's go to orders here. That is crazy. That is crazy. Okay, so obviously ignore the UIUX here. Uh, make this into a cute Astronaut poster. So, generate preview. Okay, sure. Whatever this is. I don't. The prompt's not important just yet, obviously. And then, yeah, we just filled in this with random information. Send draft to Gelato. And there it is. Bang. Look at that. So, that would then be sent to Gelato. There probably needs to be some kind of AI image upscaling, I would guess, but yeah, you can kind of see where I'm going with this. Get that on your wall. Beautiful. Okay, this is the really important part. Okay. Now, create the entire website around um people being able to generate historical uh portraits, oil paintings of their cats and dogs. Each product should be a type of character, for example, astronaut, but think more historical stuff. generate each image um using a a pet that makes sense. Dogs and cats for that historical character, not real characters. Uh, give the cat a latinized name and put a plaque on the painting to make it seem like it's a historical piece. Use dictionaries throughout and I end. So, um, and this is the English version of the site. So we can easily translate later into different languages. Wow me with the design. The flow is click a style. Upload image. Wait for builder to finish. Put shipping date details. Pay. Get order confirmation slash access page. This is where uh user accounts would come in at this point, right? Um but I probably won't do that today. Okay, do it. One of the key things here is using dictionaries. Um just so you know, because basically if you don't do this now when it makes the entire website, you'll have to come back and do it all again, right? Um you'll have to make it all dictionaries just cuz that's how translation works on Astro. So, this is now going to probably spend 10, 15, 20 minutes setting up this entire thing. It's already got all of the building blocks, so I don't know how long it will take. We'll try and catch it on film how long it actually takes. Oh, this is actually a sick idea for Oh, damn. Imagine like turning people's pets into Yeah, like modern art paintings. That is such a good idea. I'll let someone else take this. By the way, guys, make sure you if you are doing the method that I'm showing you now, make sure you upscale these images with AI. I have no idea how or what you would use, but I think it would just look a lot better if it was upscaled. Okay, so we should start to see things appear here very, very shortly. I just saw the designs that it did and they look absolutely incredible. I can't wait for you guys to see the end result here. Okay guys, so like I said, literally 35 minutes and we've created an entire business that could go viral on Tik Tok, whatever, right? It could rank on Google itself. Just look at this. This is so cool. It looks very similar to the one I made last night, which is very, very interesting. This time it's called Nobilis, which I actually really, really like. So, let's just see if this is fully wired up. I mean, look at this as well. It's even got a preview here. This Claude desktop app Claude code is absolutely insane, I have to say. So, let's see. Choose subject. I'll just do it on the main site. I don't want to use that. Uh, let's see. I want my cat to be a Roman emperor. So, let's go on the Roman Emperor one. Begin this portrait. Submit a likeness. So, choose a photograph. There we go. There's Candy. This might be too big of an image. Um, so she's called Candy and then render the portrait that she This might be too big. Um, because this is quite a big image. Let's just see how it goes. I specifically changed this to use medium thinking, by the way. I I find medium to be the best. Just thought I'd quickly mention that. Okay, there it is. There's Candy as a Roman emperor or or or senator or something, I guess. I don't actually know. Okay, so now we go to continue to shipping. And then we're just going to put some fake details here. So, well, this is real obviously, but there we go. Uh, there's no, this isn't checking anything as far as I know, i.e. proceed to payment. Okay, there we go. Then we go card 42424242, which is the test one for Stripe. And then that's my name. and then pay. And then let's see if this works. I'm just going to see if it will work. There we go. Your portrait is in production. So now we go to um gelato and there it is. There is candy. Like literally all you you can do this automated right as well. um eventually. I haven't set this up just yet, but um yeah, you just go to continue shipping, then you order it and it goes to the shipping address that was given, right? So, look, you can see this is already filled in. Postcode, Gway, etc. How insane is that, guys? If this wasn't a draft order, if this was a real order, this business would run itself, right? So, there's a few things I want to know. There's no email here. You definitely want to be sending people emails when they purchase something. That's very easy to set up. I probably won't be doing that in this video, though. I'm just going to set do something quickly just to show you guys something amazing. So, now translate this entire site into Italian and put it at /it. So, because of what we did before with the dictionary, we should be able to translate the entire website into Italian in just a few minutes. And yeah, guys, this is kind of my new idea. I've I want to go back to making money online because that was always my niche and I always loved showing people how to make money online. The problem is I need to make money online through, you know, not through the YouTube channel, but through other means. So, what I think I'm going to do is I'm going to set up a few of these websites. I don't know if it'll all be pets. I don't know exactly what my plan is here. I don't know if it'll all be print on demand. There's loads of different things to do, right? It's loads of different ideas, but I just I just love this. It's so fun for me setting things like this up. I was doing this for fun yesterday. This wasn't for a video. I just I just did it for the hell of it, right? I just can't get over the quality of this. It's absolutely absurd. So, choose a likeness. There we go. Then we write candy here. You can make this second bit AI here so it wasn't just uh giving everyone the same name. Then we render the portrait. That's going to go ahead and do it again. Okay. Okay, so one tip guys would be make sure that when you do like the dictionary prompt that you tell it to be lang aware because I didn't realize but it has to be lang aware. So it's just making this language aware right now and then we can move on to the final stage which is launching this on Vel and then I think we will have created an entire business in an hour and that's just that's absolutely crazy. It's absolutely insane the things that you can do now. I have to say though, this was probably possible with Opus 4.6. It's not just because of Opus 4.7. It's mainly because I I learned a new a few things. One of them was that Stripe can be used in a very interesting way where instead of having products for every product or every price, you can just dynamically send the price from your database to Stripe. That's number one. Number two is that Astro can be used with Convex. Convex is by far my favorite backend as a service. And number three is just yeah the the quality of the models has just got way way better as well. Guys, if you if you have a business and you don't think your website is very good, like if you have a crappy WordPress or Shopify ecom website, come and talk to us, guys. incomestreamsurfer.com. I will remake the website for you for as cheap as we can. Let's get this going, guys. Honestly, because I just want to build I just want to build things. I can't describe it. you give me a product CSV, I'll have a pro like a site for you in just a couple of weeks. Probably not even a couple of weeks to be honest with you. It's just, you know, when you're an agency, you have to you have to say a couple of weeks cuz otherwise you'll get overloaded with projects. Everyone expecting it within a couple of days. Okay. And there we go. We now have everything in Italian just as an example, right? And then you can run a final check for SEO as well. So now let's do the final step here. Let me say create a GitHub repo and then push this to Versel. You have the Versell CLI. So just so you know guys, Versel CLI all you do is you run Versel login like this on a terminal and then log into your um Versel account. Same with GitHub. You do GitHub login um ju just set it up so that it can run its own CLI commands and then all I'm doing is create a new GitHub repo and push this to Versel. and the whole project is going to be live literally in the next minute or so. Okay, so we should see the um Versel project appear here in just a Okay, there it is. So this is astro-commerce. Now because everything is set up on convex, I think 99% or all of the environment variables are actually in convex. So we don't even need to add environment variables, guys. Now, the ones that do need to be put on Versel, this was added automatically by Claude Code using the Versel CLI. So, in just a second, guys, we should see the final product here. It's not going to be live just yet, I don't think. No, it is right. The entire website is live. All you do is add a domain through Versel and you've launched a business, right? And then you so you buy a domain, you attach it, you do resend, right? So you can send emails to people when they buy something. And then you move on to the next business. This is done, right? So look, let's just see. This is a live website. Remember, we're about 45 minutes in, I think. Let's see if this works. So choose a photograph. This is candy. And then there we go, guys. If this isn't insane, I just don't know what is anymore. I literally just don't know what is. Look at this Oh my god. It's my cat as a Victorian. Whatever. Continue to shipping. So blah blah blah blah blah blah blah blah blah at blah blah blah.com blah blah blah blah blah blah blah blah blah blah blah blah. Obviously, you'd want some kind of address validation in the final product, right? So, because we're still on test mode, I can just still use my test variables. This is running from convex. That's how this works, guys. I don't have anything running locally like a local listener or whatever. And then all you do after you've done this is you go and you change to production. So, you put Stripe in not in test mode, but in real mode, right? You get your real environment variables. You put them in Versel. You're done. Literally, you're done. That's it. You Congratulations, guys. You've now created an entire business that will ship automatically to anyone while you sleep. So, let's go orders. Go here and we'll see my beautiful cat as a uh I don't know what, like Georgian something. That's it, guys. End of the video. 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. Come talk to us if you want something building. and I'll see you very very soon with some more content.