Summarify.net

๐Ÿ›‘ STOP Building Wordpress Websites... Do THIS Instead

5f7D0xObDGY — Published on YouTube channel Income stream surfers on October 24, 2024, 6:48 PM

Watch Video

Summary

This summary is generated by AI and may contain inaccuracies.

- I launched another website, getmarriedinitally, which is a directory for getting married in Italy. It was launched at 07:00 a.m. so less than 12 hours ago. - It is at this stage that we decide to implement breadcrumbs, SSR and ISR, and to ensure everything is dynamically generated. - The website is in a launchable position but it has had typescript errors. The pages for complexities, the index page for types of complexity and player counts doesn't actually exist. - There are several typescript errors in the website. The last error has been fixed, but there are still some errors. It always makes the same mistakes as well. - Speaker A and his team have launched their website and are filming the process of getting it indexed on Google. They thank the audience for watching the video and will see them soon with some more content.

Video Description

I'm not getting enough sleep right now, all I do is dream about NextJS and websites I could be making. I keep going to bed at 4am or even 7am (before the recording of this video)

I am releasing more of these videos because I am obsessed with this method - this video is number 3 in this series, here's the first 2:

1. Planning your app and prompt engineering for bolt.new

https://www.youtube.com/watch?v=RkSLALcfa6U

2. Creating the SEO website with Bolt.new:

https://www.youtube.com/watch?v=p7qFbbc0sbs

3. Final video in the series:

This video right here

I've used over 50 million bolt.new tokens in the last week, for context - I am extremely tired, but I literally can't stop. I'm currently building the biggest project yet, which we'll keep under

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.

Welcome to the final installment of this series where I have planned, built, and then launched an entire website in front of you using bolt. Now, last night, for some, for whatever reason, I decided to launch another one of these websites because I'm just completely obsessed with this now. And I launched getmarriedinitally. Co. Really, really happy with the result here. Let's just have a little look at the website. You can see italian wedding regions. And the reason I did this is because if you actually check the keywords, get married in Lake Como has 10,000 searches in the United States every month. Okay? So if we can get a little piece of that, what the hell is this, Lakefield. If we can get a little piece of that, then we can start to sell leads to florists, for example, in Lake Como, et cetera, et cetera. Now, you can see this actually works. This is actually a directory for getting married in Italy. Now, I pretty much made this in the exact same way that I made findthetradespersonisland.com dot. Same concept. But I would argue that you can see that I'm getting better at this. Now, this looks a lot worse than this does. I think most people would agree. This also has a search thing. So we want to do a rooftop venue in Puya. Let's do Milan, actually, because it's more likely to actually have a rooftop venue. And you can just see how super, super quick this stuff is, right? Grand Milan. Terressa Teredoshi. Terrazza literally means rooftop. So this would actually be a rooftop wedding venue in Milan. Okay. This took me about 5 hours. And we can actually see, if we go on Google and we do a site search, you can see that it's already. And I released this literally at 07:00 a.m. this morning. Don't ask. Okay. I was up till 07:00 a.m. so less than 12 hours ago, and we're already on Google for these terms. Now. People keep saying to me, oh, but you're not ranking. You're not ranking. These are just indexed. Yeah, you're right. Let's have a little look instead of find a tradesperson island. Okay, now, one thing I will say is, obviously, I made a video about this. So a lot of people were searching for find a tradesperson Ireland. But we still, yesterday alone, have or had 820 impressions. Now, again, people will say they are not from real people, et cetera, et cetera. Look at the keywords. Roof repair in Longford island. That's a real keyword. Chimney sweep Dublin. That's a real keyword, solar panel, Limerick. These are all real keywords. And then if you go on countries and sort by impressions, you'll see that 383 impressions are from Ireland. So unless people are suggesting that 50% of my audience is in Ireland, which it's not, I'll tell you right now, it's probably about 1%. These are real impressions from real people. Okay? To already have 255 keywords in search console on a website that was launched on Sunday night is insane. Okay? It's probably the most progress I've ever made in terms of SEO in such a short amount of time. Now if you're watching up to this point, guys, please, I really, really want to share these case studies with people, with everyone. I have to be careful because every time I show the case study, it skews the case study because everybody's clicking the link. Do not go on Google to find this website, please. Please just go on the website directly. I will leave a link in the description of this video to get married in Italy Co. If you want to see the website, please just click the link. Don't search for the website on Google because it's just going to mess everything up. And I just want to be able to properly have a case study now. One thing I'll say is a few pages are broken. I don't really care about this kind of stuff right now. I'm just building stuff. And then if it gets traffic, that's when we start to monetize, that's when we add ads, that's when we make this into an actual thing that will send emails to us. And then I could, for example, personally call wedding planners because I speak Italian and say, look, I have a lead for you. I want 5%, 10% whatever of whatever they spend with you. Otherwise I'll take it to your competitor, for example. That's a pretty brutal way of doing things. But we could do that, for example. But you know, it's kind of, you build it first and then you monetize it. You don't really need to monetize it at the beginning because it's not going to get enough traffic for the first month, let's say. Probably. Although to be honest with you, I'm kind of doubting that now. And I'm kind of thinking that we might get a bit of traffic in the first month. Let's go to bolt. New here and we're going to go back to our board game website. Okay. So we had just got to a point where I was very happy with the result here we had a few different index pages, etc, etcetera. This isn't a particularly large website compared to some of the other websites that I built. For context, find a tradesperson. Ireland has 1800 pages. Get married in Italy, Co has a thousand pages, which you can see on the sitemap, by the way, which it does have a sitemap. So yeah, really, really cool. Perfect. So we have the website in a pretty good position. However, there are a few problems. If I click something like card games, I need to know if this is actually going to work. So what this should do is it should load a. Okay, it does work. Oh, beautiful. Look at that. Card game, board games. Okay, nice. There's no navigation whatsoever on that page, but that's okay. We can fix that. Not all the pages have been made, so I'm going to say implement all pages, page indexes, types of categories, ensure everything is dynamically generated. So nothing. 404s, implement breadcrumbs. Implement SSR and ISR. Implement sitemap properly. And finally, also implement header and footer on all pages and add all new category types to the homepage. So I just want to make sure that everything is completely working. Now what you want to do while it's doing this is you want to make sure that it's not deleting any old code or it's not putting any placeholder code, because that will really, really annoy you and annoy me as well. But it looks like it's not doing that, so that's good. We've added some breadcrumbs. Breadcrumbs are just so that the user knows where they are on the website so they can click forwards and backwards. Sitemap is now being set up. Categories index. Yeah, so discover the best category. Board games. Perfect. That's exactly what we wanted. This is the games index, which was on the top, which I just clicked and it 404, which is why I had to do that. And then components, Gamecard, TSX, that's the individual game things. Then we've got categories here, beautiful complexity levels, player counts, player times. Okay, so that should be about ready to launch. Now, I would recommend running a prompt like this at the end of every bolt instance. Implement all pages, page indexes, types of categories, ensure everything is dynamically generated. So nothing. 404s, implement breadcrumbs, SSR and ISR, which we talked about last time. Implement sitemap properly and blah, blah, blah, blah. Okay, so there is an error here, but I'm not sure if it's a warning or if it's a real error. It does look like it's. No, it's just a warning. That's fine then. So we have the categories here at the bottom. If we click any of these, it should give us sports board games, for example. The way this works is it is now searching on Walmart for sports games. Okay, so yeah, baseball trivia. There we go. That's kind of a. Yeah, these are all sporty kind of. So press list here. Let's just see what's on the list. That's kind of 404. Yeah, perfect. And then we'll click games here. There's also a sign in button which will do absolutely nothing. And categories here. Okay, this is what we like. Good. Okay. Add the index pages for complexities and other things to the homepage and the header. Are they here? All right. Okay. You can click in here. That's cool. Actually remove sign in because it's doing nothing. And make the lists page, not 404. This is the last thing we're going to do. And then we're going to generate the website. I just wanted to make something that's actually worth posting and not just some bullshit, basically because I mean, I could easily just made this video where the website is trash, but like I do want it to be half decent. So I'm probably just going to launch this. I'll have to buy another domain. Jesus. The amount that we've spent on domains recently is crazy. Just a little tip for you guys. Vercel is slightly better than Netlify. The reason being is one of these websites, it can take a very long time to build. If it takes more than 15 minutes to build, like get married in Italy did. It won't work if you use Netlify because Netlify after 15 minutes will time out. So it's much better to use Vercel. So once we've got this at a point where it's building, we will then put it on GitHub and then we'll import that into Vercel. That's the basic idea here. Rate my board. No. Board. Gamerater. No. 2 hours in a row. I hate that. Boardgamereviews.com. i'll be taken best boardgames four.com. yeah. Okay.com. literally we can just buy that. Okay, we'll buy that in a second. Let's see here. Okay, perfect. So now we have browse by play account, browse by playing time, browse by complexity. Now I have no idea how this will actually work. How does this. Why did that. 404. Yeah. Okay. The pages for complexities, the, the index page for types of complexity and player counts doesn't actually exist. Should be dynamically generated. URL's nothing should. 404. So this is something I find quite a lot like. It's very good at making the index page, but it's not very good at ensuring that the page actually exists. So we'll just double, we'll make sure this works. So now it's, yeah, it should work. Now it's creating that page and then the count page. Perfect. So whether this actually will give games for eight and more people, that's another matter. Right? There's two things here. There's being able to create the page and there's being able to actually find something on the API or through tags that will actually, oh God. Rest of the file remains the same. I hate that. That will actually populate the page properly. I just need to have a quick shouting match with this AI. Just give me a minute. You've added placeholder code to all of these pages. You replace it, please. This is the worst thing about bolt, okay? It's the reason it's not the best AI tool in the world is that it adds placeholder code. What do I mean by placeholder code? It will always write slash, slash. Rest of your code remains the same and then it will save the file and then you won't know until you're trying to fucking launch this thing for 3 hours, which happened to me last night. As you can probably tell by how annoyed I am. You won't know until you know that's happened. So very, very frustrating when that happens. Very, very frustrating. To be honest with you, even if it's not fully perfect now, I think I'll just launch it anyway because otherwise me and the producer will be here until midnight, which I don't want. Okay. Revalidate every hour. Perfect. This is what I wanted. I'll handle search logic. Yeah, we'll just ignore that word. Touch that. That basically means that there's no search logic on the website. But again, these are just small things that I'm not massively bothered about right now. I just want to get this launched. Okay. So this should be done perfect. We'll just quickly check if this actually works. I'm still going to launch it if it doesn't, but let's just see. Oh, it does work. Two player board games. Connect four is a two player board game as far as I know, right? Pretty sure it is. Does this work? The view details button. No, game not found. Why? Okay, that's fine. Let's try something here. So I'm just going to quit out. Right. We're now at the point where the website is in a launchable position. So what I'm going to do is I'm going to press deploy. This will not work, okay? This will 100% have typescript errors. I would bethe my life on this, having typescript errors. Every single time I've done this, it's had typescript errors. So you see here it says linting and checking validity of types. It will not work, I promise you. There we go, perfect. So what we have to do is we have to, there are two ways to do this. You can either download the project now and fix this in cursor. However, last night I learned that you can actually do this here as well. So I'm going to say please only fix this error, don't fix or change anything else. Don't remove any code, don't add any placeholder code, only fix this error. Okay, so all this is going to do is it's going to fix just the typescript error. If you don't know what typescript error is, it's basically, I mean, I'm not a coder, I'm not a programmer, but from what I understand is every part of code has a type, and you can't have the same named variable with two different types. So like a string, an array and an object, for example. So that's the difference between typescript and JavaScript. Okay, so what we're going to do is we're going to keep running NPM, run, build every time it's fixed the typescript error. And now it's going to give me another typescript error and we're going to fix that one. See? Exactly the same thing. So we'll say the same thing again. It's a different error, which means that the last error has been fixed, which is perfect. That's exactly what we want. Every time you want to triple click this prompt and make sure that you've got it ready, because there are going to be five or six of these typescript errors. Okay? So we're going to have to very quick, very slowly go through each one and say, fix this, don't change anything else. Okay? And then we're going to manually run NPM, run build ourselves, and we're going to get another typescript error. Three, two, one typescript error. There we go. And we just want to make sure it's a different one. Yeah, it is a different one. So that means the last error has been fixed. There are normally about six of these to seven. It's pretty normal. It's just, I don't really know why it does this. I don't know why it can't code typescript properly. Like it's obsessed with coding in typescript and then it can't even code typescript properly. So probably there's going to be another error as well, which is the fact that there are apostrophes in the typescript. I'm going to show you another fix for that as well if that error does come up. So linting and checking validity of types, we're going to have the same error again, I promise you. Typescript error. There we go. It's funny because it's always the same errors as well. It always makes exactly the same mistakes. So if they could just fix that and fix the fact that it somehow sometimes puts placeholder code, honestly, this thing would be insane. I mean, it already is insane. Of course, I've launched two bloody websites in 48 hours. So we'll do NPM, run, build, we'll get ready with our prompt again. Okay, I think we're pretty much there. I think this should work. Now. There might be a few more typescript errors, but we'll see. There we go. Perfect. Creating a build. And now it's creating an optimized production build and it should say creating static pages. I don't think there'll be too many static pages this time just because there aren't that many categories. Oh, one's JSON, one ts. So if we times this by. Yeah, so now it's collecting page data. Perfect. So as long as this works. Okay, it looks like it's working. We can now launch this website. Okay, so I'm going to show you exactly how to launch it. I'm going to cancel that and I'm going to press open in Stack blitz here. Now we'll open it in stack blitz because we bought the website on Vercel. But to be honest with you, this website was small enough to actually launch on Netlify, so I should have done that, but it's fine. Okay, beautiful. So now what we do is we go back here and we import this environment variables. I wish you could just copy and paste all of. Oh, you can. Wow. Why didn't you tell me that before? Deploy. Okay, so we have the website here. So what's interesting is, if I'm not mistaken, the content should be here somewhere. It shouldn't have to do all that again because it does have ISR. You can see it here. It's weird that it has to generate them again. It shouldn't have to do that. I'm not sure what's going on with that, but it's whatever. I'm pretty confident that this is done now. So we'll just leave Bolt and then if this doesn't work now, I'm going to actually cry. Okay. Amazing. We now have our website. So now let's just press add a domain here. I have no idea how to do this. There we go. Best boardgames four.com. save sure. Okay, so now if we just go to www. Dot bestboardgames four.com. there it is. We are done. We have launched our website so all of these pages here can become indexed on Google. I'm not going to go through that process in this video. I think we're done. It's been an hour of filming just to get to this point, but you can just see how quick this website is. Look at it. Bang, bang, bang. Let's see if the sitemap exists. There we go. Beautiful. Look at that. Bang, bang, bang. So yeah, we're now finished. It's actually not that complicated to get this onto Google. You just need to add something to the head to verify search console and then you're good to go. But yeah, we're gonna leave the video there. Guys, thank you so much for watching. Guys, if you're watching all the way to the end, then you're probably mad. But thanks for watching and you're an absolute legend and I'll see you very, very soon with some more content. Peace out. Watch this video if you want to know about the new computer use and how you can use it for your business.