Summarify.net

Build PROFITABLE Programmatic SEO Websites With AI

RkSLALcfa6U — Published on YouTube channel Income stream surfers on October 21, 2024, 7:59 PM

Watch Video

Summary

This summary is generated by AI and may contain inaccuracies.

- I want to show a website that I have been working on since Friday night. It is a directory for tradespeople in Ireland and it has 2000 pages. - Speaker A wants to create a board game review generator application website that should pull from the Walmart API. He recommends rapid API because it's easy to set up and it has an affiliate program. - We are going to use v zero to give the skin, the look, and the feel to our application. - Speaker A shows how to create a prompt in bolt new. They will go through the entire process in the next video. If you want to learn how to generate websites based on APIs with thousands of pages, this video is for you.

Video Description

This is perhaps the biggest opportunity we’ve seen in AI so far, the ability for us to build huge websites that not only get traffic but also could profit if set up correctly, using AI.

We can now take a website from an idea to an MVP to a launched product in under a few hours - which is completely crazy.

Look at the example website I made generating the entire thing over a weekend with AI, and which already has 300+ pages on Google:

https://findatradespersonireland.com/

I have been working on a workflow for the last few days which works like this:

Firstly describe in words as detailed as possible what you want the "application" to do
Make sure to describe that you want it to rank on Google - the more technical
the better (recommend researching how nextJS ranks on Google, SSR, dynamic generation,
etc.)
Create a roadmap with phases for the project using ChatGPT o1 preview + Perplexity for updated
documentation
Create a frontend design using v0
Then we send the frontend design + the roadmap + any relevant documentation to
bolt.new
We create the app in phases
npm run dev/npm run build
Download the app, or put it on github from stackblitz
Edit the typescript errors and other errors using Cursor


Here’s my prompt:

I want to create a nextjs application that uses SSR to rank on Google. You should use the most up-to-date methods to make sure that the app has some static pages,and some pages that have both static and dynamic elements, allowing both page types to rank and be accepted by Google. The application should be a board game review application (website) that should pull from the wallmart API to build pages which have reviews, pictures, and whatever else about board games Please give me a roadmap, exlcuding things like deployment and CI/CD and other irrelevant parts to this as I know already how to both set up the project and also how to launch the project Remember to include phases, for example phase 1 is design, phase 2 is API implementation, phase 3 is SEO implementation, phase 4 is page type implementation etc make sure to automate page generation as much as possible based on index pages, for example "board games for X" "individual review pages" etc, there should be as many possible based on a list of words in a .json file that generates as many pages as possible Make sure to think about SEO in your response and how to make as many SEO-friendly and google crawler friendly pages as possible on next js

Example roadmap:


https://docs.google.com/document/d/1rtulXBLfVMid4WwZKdGhCEcutuppmH9mrvmunaUAuws/edit?usp=sharing


Thanks for watching and PEACE

Hamish


Try our SEO tool: https://harborseo.ai/
Work with us: https://incomestreamsurfers.com/

Transcription

This video transcription is generated by AI and may contain inaccuracies.

Guys, honestly, I cannot express this enough. I genuinely believe this is the best money making opportunity that we have in 2025 using AI. I want to show you a workflow that I've been working on since Friday to now, and it contains a huge amount of updates from what we've been talking about. But before I get into that, I want to show you a little website that I created this weekend. Now I'm laughing. And while I say that this is not a little website at all, it's an absolutely giant website. So we'll just have a look at it here. Now, I made this website since Friday night. I've launched it since Friday night. I actually launched it about 12 hours ago. It's a directory for tradespeople in Ireland and it has 2000 pages and it genuinely works. Like if I want, let's say a locksmith and I'm in County Clare and I go to Scarif and let it load a little bit. Now, I still need to work out a few different things, like how I can rank this page on Google. For example, I think this page will rank on Google, but I'm still working things out. But if we actually go on Google and do a site, findatradespersonislands.com. this is my website. I made this on Friday. Well, I made this since Friday. Launched it 12 hours ago. Okay, just remember that when I show you this, it has all of these pages indexed on Google, okay? There are 100 results per page here and there are three pages. So it's at least 200, maybe closer to 300 indexed pages on Google since last night. So I'll click one of these. You see it says installation, install is in Dublin and then you pick your town. Okay? So this is the county of Dublin, just so people can understand. Now, you could go deeper with this. You could do like really small villages and all of that. But you know, I'm just, like I said, I'm just getting started here and you can actually see that the specific town pages like this one here, Scarif, they're not actually getting indexed yet. So there's still a slight change that I need to make to this process. But I'm going to show you exactly how I did that in this video. I'm going to show you the workflow and then we'll have more videos coming very, very soon showing how to actually implement the workflow and everything. However, the process is actually fairly simple. Firstly, describe in words as detailed as possible what you want the application to do. I'm going to say application. It's actually a website. I don't actually. I'm not really that good with coding terms and programming and stuff, so I actually don't know what this would be classed as, but it's a website web application, okay, but one that gets ranked on Google. So make sure to describe that you want it to rank on Google. The more technical, the better. The reason I say the more technical the better is because if you look at something like next JS, you have to set it up in a very specific way for this to actually work. Now, I'll be nice here, and I will leave the prompt that I used to get to this point in the description of this video just so that people can understand how to get next js to actually be SEO friendly. So this is the prompt that I made. It's ginormous, but I will show you exactly how I made this prompt and how you can make your prompts, et cetera, et cetera. Okay, this may seem like a ridiculously long prompt. It's a 35 page prompt, but basically you want to do this process. So make sure the more technical the better. So for this, I recommend researching how next JS ranks on Google. Okay, next JS specifically, and you'll have to look at SSR, which is server side rendering, dynamic generation, and I, et cetera. There's a few other things as well that you need to look into. You can find those in the prompt. Okay, then we create a roadmap for the project using chat GPT zero one preview plus perplexity for updated documentation. We're going to use perplexity to get up to date information on how these systems work. Okay, then we create a front end design using v zero. Then we send the front end design plus the roadmap, plus any relevant documentation to bolt new. And then we create the app in phases. Okay, create a roadmap with phases. So this might seem like a very complicated process, guys, but trust me, do it once and you'll understand that it's actually not that complicated whatsoever. So we're going to be using AI to completely generate a website like this. Now, this is going to be a case study. I can't wait to see if this actually ranks on Google or not. I'm not even saying that it will rank on Google, but it'll be very, very interesting to see. I mean, it's already been accepted on Google, so we will definitely be keeping you guys updated on how this actually ranks. So we'll start here. Let's just say that I want. So this is chatgpt zero one preview I want to create a next JS application that uses server side rendering to rank on Google. You should use the most up to date methods to make sure that the app has some static pages, some pages and some pages that have both static and dynamic elements, allowing both page types to rank and be accepted by Google. The application should be a board game review generator app application website that should pull from the Walmart API. So just for context, you can use something like rapid API. Let's type Walmart here. They actually have the Walmart API. The reason I recommend something like rapid API is just it's so much easier to set up than something like Amazon. Okay, Amazon is really, really difficult to set up, whereas this is very, very simple to set up. So you can very, very easily set something up where you can get product reviews, product descriptions, and you can create something specific. Okay? So you can then generate a website based on the Walmart API. And also Walmart has affiliate, okay, it has an affiliate program, which is why I specifically chose Walmart. It's basically just a competitor, I guess, to Amazon. I guess it is a competitor to Amazon. So that's why I'm talking about Walmart. It might seem a bit random, but that just for your information, that's why I'm doing that. Walmart API to build pages which have reviews for pictures and whatever else about board games. So at this point, one thing that you would want to do is, well, not actually at this point, but at some point you need to give it an example response. If you click on example responses here, you can see this has product reviews, this has product descriptions, if I got an example. So you can send all of this to chat GPT or to bolt new later and it can generate the pages based on the API responses. That's how this works. Just so people understand. And whatever else about board games, please give me a roadmap excluding things like deployment and CICD and other irrelevant parts to this, as I know already how to both set up the project and also how to launch the project. Remember to include phases. For example, phase one is design, phase two is API implementation, phase three is SEO implementation, etcetera. Phase four is page type implementation, etcetera. Make sure to automate page generation as much as possible based on index pages, for example board games for X or individual review pages, etcetera. There should be as many possible based on a list of tags, a list of words in a JSON file that generates as many pages as possible. Make sure to think about SEO in your response and how to make as many SEO friendly and Google crawler friendly pages as possible on next js. Now this is just an example, guys, okay, I'll put this prompt in the description of this video. And we're now going to start to create a roadmap which we'll then feed to bolt new to actually generate what we want to generate. Now, while that's doing that, what I'm going to do is I'm going to say, please create a modern, this is v zero, by the way, a modern stylish homepage design with header and footer for a board game review website. So what we want to do is we want to use v zero to give the skin, the look, the feel to our application, okay? And you've probably noticed I haven't used any programming and I'm not going to be using any programming. All the programming is going to be used that is going to be used is aihe. And just so you know, the way I learned about all of these different things like SSR and all these complicated terms is actually through research. Okay? So I just researched how can next JS rank on Google if it's dynamically generated? And it kind of explained that to me. So we'll see here. Dynamic routing setup, bulk page generation, etcetera. SEO implementation static pages dynamic pages with static elements advanced SEO and crawler friendliness, internal linking, breadcrumb, mobile friendly design, accessibility compliance, et cetera, et cetera. So I'm just going to say, please no. Ok, we'll probably leave it there. Actually. That's fine. So we'll just copy this and then we're going to head over to perplexity and we'll say let's actually use spaces. I was trying this out the other day. Spaces does seem better for this. So custom instructions, you help me do research based on a roadmap. Give me code snippets from the latest version of all documentation for this project and then we'll set the model to Claude. So what this should do, we're starting to build this prompt here. So we'll go to docs dot new and we'll first give it the roadmap like this. Let's see what v zero came up with. Oh, board critic. I like it. It's a good name. Look at that. It's so clean. V zero is so clean. I love it. Make the homepage even more detailed with different page types like categories, etcetera. So you can see this is just gathering some so external information here. It actually hasn't done a great job here. So what we're actually going to do is we're going to get the, we're just going to use rapid, just because I can't be bothered setting up like an actual account with Walmart. So let's say what do we need? We need product description, product reviews probably, right? And then search by keyword. And then what? We search for board game and then yeah, I'll probably let this just work this out for itself. So we'll get the search function, we'll be using node. So we'll just grab this. So that's the code. But you always want to include the response because if it doesn't have the response, it doesn't know how to code the website. Okay. So make sure you always go to example response here, 56 keys, right? Let's just copy this and we'll put that here. Like that. Yeah, perfect. Okay, so now we should have our v zero. So we'll grab this homepage as well and we'll say use this design throughout the entire process. And then finally let's use these details here. I'll be deleting these at the end of this video, so don't bother trying to copy them. Use my API details. Okay. So you will have to feed some of this information back to it sometimes. But now we're ready to just go to bolt new here and just paste this entire thing in. And then I'm just going to say implemented phase one of the process, use unsplashed for images. So kind of the idea behind this video is to show you can go from idea to prompt to MVP in 30 minutes, which is completely insane. This used to take two weeks. Even like four days ago this would take two weeks. Four weeks for me anyway. Obviously I'm not a programmer, but for me it would take at least two weeks to get to this point where I can just see my idea in MVP format. Now I'm not going to show you this in this video, but launching this application is slightly different. So if we just go back to the Excalibur draw, I actually found out is how it's pronounced, not excel draw. There is a missing part of this. We create the app in phases and then we export, download the app or put it on GitHub from Stack, what's it called? Stack Blitz from Stack Blitz, which by the way, to do that on bolt you just press open in stack blitz at the top here, create a repository on that page as well, and then edit the typescript errors and other errors using cursor. The reason I say these two here is when you. There's a difference. I didn't even know this until yesterday, but there's a difference between NPM run dev, which starts the server, and NPM run build, which builds the server for deployment. Now, to deploy your application to a server, like to have the website live where anyone can go to find a tradespersonisland.com dot, you need to be able to build the application. So building the application is not the same as having an MVP working version in bolt new, for example. But the interesting thing is it doesn't take that long to launch the application once you have the MVP. Now, I thought it took a lot longer, but it's actually super, super easy once you know that. Once you've got it in a working condition on Bolt, you can download it, take it to cursor, and fix all of the issues from cursor. Honestly, that piece of information there is huge. It really, really helps. This was taking me forever before, so now we'll see what bolt can do. Let's hope that it doesn't suddenly decide to be complete trash after I built this entire application in probably 25 minutes in the last few days. So the moment it's just, just using a few placeholder images, but we'll see what it comes out with here. So we've got some names for things already. There should be a data, there is not a data thing just yet, but we will make sure that it creates one if it doesn't. But you want to store data like categories and types of games and whatever else you can think of in terms of index pages or this website that takes the form of locations and then towns within those locations. Yeah, this is all the different locations and all the different trades as well. So trades and locations are the way that I've generated so many pages on this particular website. I'm not massively bothered whether this works or not. Like, we're pretty early on in the process here. So I mean, if it doesn't work, it doesn't really matter. It does look like it's compiling though. Okay, so for this video, what we're going to do is we're going to leave it there now that we've created this prompt, then we're going to take it into bolt new in the next video and show you how to create in phases the app you want. But basically all you do is you send this entire prompt to bolt new and you play around with it. You get the first part done. So phase one and then you say, now implement phase two. And then you say, now implement phase three. Phase four, phase five. Then once it's working on your on bolt new, you download it or send it to a GitHub repository, put it on your local machine, and then get it get it ready for production using cursor. So we'll go through that entire process in front of you in the upcoming videos. Thanks so much for watching, guys. If you're watching all the way to the end of this video, you're an absolute legend, and I'll see you very, very soon with some more content. Peace out. This is perhaps the most exciting opportunity in terms of making money with AI that I've ever seen. If you want to learn how to generate websites based on APIs with thousands of pages, this video is for.