Making My Band's Website with ChatGPT

In this video, we're going to build a music artist band website using AI. And so obviously there's a lot of ways to build a website using tools like Wix or Squarespace or Shopify even or WordPress and there's a million other options, but all those cost a decent amount of money every month. And when you're a new artist, it can be still very valuable to have a website like a place that you own and people can come to no matter what's happening on streaming platforms or whatever. Um but it might cost $20, $40 a month and and I have my own platforms you can go subscribe to. I have music funnels and fan funnels which are both linked down below if you want to check those out. But you if you doing a custom coded website, you can do literally anything you want with it, right? And uh if you have that kind of developer software experience, then great. You can build whatever you want. But let's say you don't and you want to do something cool. Well, that's where making something in AI can come in. And I thought this would be fun. I've been playing around with these tools [music] a lot um as well for some cool things that I'll be announcing uh in in the future. But um I thought this was kind of a fun application and I thought this would be a fun video to see what happens. I haven't pre-prompted this or whatever. Um we're just going to dive in and and see [music] what happens. >> [music] >> If you hate AI, this is obviously not the video for you. Um there's obviously a lot of ethical issues around the usage of AI in a million different purposes, right? Not here to debate that. I'm here to use a tool that's publicly and commercially available. And so try to keep the discussion around that. I'm not here to talk about the ethical ramifications of of using a tool like this. That's just not my vibe. I'm here to help music artists use the tools they have available to them. So here we're inside of OpenAI's um Codex which is part of like ChatGPT. So the models behind this is the same as ChatGPT. And uh we are going to improv this on the fly. So let me write a prompt here. All right, so I have a prompt here that I think will be reasonably good. I have a band called Everrick Moment and I want to build a website. The band is alternative metal, new metal, metalcore. We don't play shows, but we are present on socials. I want you to make a sleek, modern, attractive site that attracts or that allows people to find our socials and our music streaming links. Pull images you can find online for our band. Bonus points if you can find a way to make the site stand out and be very cool for people who are into the style of music. Avoid being cheesy. Also, we already have a web I added this because we do already have a website. So, also we already pretend this website doesn't exist. Don't pull anything from it cuz I didn't want it to like just go there and look at what we did and adapt it. So, I'm specifically telling it not to do that. And now we can just go ahead and click and actually So, now we're going to run this. I have the model set to high, 5.5 high. So, I'm just going to click go. In certain cases I use the high mode and other cases I've used extra high reasoning. But as the site's going or as Codex is going, you can see kind of how it's thinking along the way. So, I'll treat this as a real band rather than a placeholder page. First, we're going to inspect the project shape. Then I'll look for public band imagery and streaming social links but avoid any existing website as a source. And while our first website is thinking and loading and writing files, I've queued up a second one that we're going to we're going to look at after. And in this one, I gave it almost the same prompt, but instead I said I want you to make a website that looks like a Windows operating system from 2003 with a desktop and file navigation and apps to click on. Make it fun. So, the first one will hopefully be a little more standard and cookie cutter of what like most people would want, but the second one should be pretty wild, right? Like this should be a lot more technically complicated to make. Um but you can imagine certain types of artists would want something like this or something completely different that's equally wild and crazy as a website. So, I'm excited to see what what this one ends up being. All right, so our first website just finished. Uh it worked for 6 minutes. So, this stuff doesn't happen instantly, but that's the nice thing. It's it's a computer, right? So, like we don't care if it takes 2 minutes or an hour. You just run it and then and then go do whatever else, right? So, took 6 minutes to cook. Um we can open up this and we can see how it's thinking or how it's executing, what it's doing. Um so, I'm not going to go through all of this, but you can see there's this big research phase where it's looking online to find any information about my band. And then eventually it starts doing stuff locally, making files, looking at the website itself, taking previews, and kind of going back and forth making a mobile version of the site. And it exported as an index.html file. Uh it can also make uh like next JS uh projects and stuff like that. So, you need something more fancy, which maybe it'll do something like that in the other one. Uh who knows? But, I haven't looked at it yet. I got like a quick peek and I turned it I closed it immediately so that I didn't spoil it cuz I wanted this to be a reveal. So, all I have to do is click this and it's going to open this up in the side. So, let me expand this. All right. So, here we have our website and I have it open up inside of Codex browser. Um but this is this essentially works in any browser. So, remember, I didn't give this any files or any information. It just pulled this straight from from Googling. Um and it's got this cool animated background thing, which I think is showing up in the screen share. Um which is which is quite neat. It did find an image of us. I believe it pulled this straight from Spotify or Apple. Um alternative metal, new metal, metalcore, heavy hooks, industrial pressure, and clean cut melody from the space between panic and release. It's got links for Spotify and Apple. If I click find on Spotify, it searches Spotify. Okay. So, it didn't take us directly there, just searched for us, which is odd. Uh Apple, it actually did take us right there. So, um first notes, right? relatively cool design. Um this text is the definition of cheesy. Like I would never I don't think I'd ever put something like this here. It's too corny, in my opinion. Um but like the layout though on the background, so that's neat. Uh, going down, all the doors in one place, artist page, search. So, it it's like acknowledging it's a search thing. And then we do here search artist, which is doing the same thing, YouTube videos. Is this going to find the right channel? Uh, it just searched for it. It did find it. So, I don't know why it's doing the search thing. Um, well, okay. This is actually pretty neat. It It did actually pull our most recent releases, which is sweet, actually. Um, I think I don't know if it's missing a release or not. This is pretty cool that it worked and it defaulted to Apple. Um, and then it has links to our socials. Let me just see if these work. They do. Okay, yeah, this is the right the right social. It's got buttons up here that take you to the corresponding section on the website, which which is actually pretty awesome. Like, overall I like the design. Now, is this going to replace an actual like UI designer, web developer? No, right? This is One thing, this is the first shot. Um, so I'm not trying to say this is like if you're a web developer, you're going to go away like a lot of the AI hype people are, but this is a first shot and um, it's very easy for me to go back to Codex and just tell it like, "Hey, I don't like the language you used on the homepage. Here's the actual links I want you to use. Change the colors, use this image, blah blah blah." Um, and you can actually tell it like, "I want you to make me like an editable I want you to make this site editable on the back end so I don't have to talk to you to edit it using something like sanity or another another headless content management system." Um, and it'll build like the back end infrastructure for you to log in and edit the website yourself without needing AI to edit it for you. But, first step, I'm I'm impressed, right? This is not perfect by any means, but it does get the job done. All right, so Codex finished building our operating system style website. I'm not exactly sure like how this is created. Um I I've I know like a decent amount about like web development and stuff. I'm like I'm not a software developer, but I know more than the average uh layman, but um I don't really know exactly what it did here. But all I know is that it we have something to look at. And it's pretty wild. Um we're I haven't clicked on anything yet cuz I wanted to just capture that raw. Um but we do have like an actual like operating system here. >> [gasps] >> Like with all these little apps that we can minimize and stuff. Um your calendar returns zero events. The computer recommends streaming loudly. There's a start menu that actually works, which is wild. Um let me let me adjust my window a tad here. Um there is like a start menu that has all these different things on it. Um there's instead of Winamp, which is you know, if you're younger you might not remember Winamp, but there's something called ScreamAmp, which I can't imagine this plays anything. Oh my god, it does. It play It actually It plays the songs. I stopped it quick cuz I don't know if if my own content ID is going to flag it and or if it's [clears throat] going to blow out your ears, but it it actually has our songs with our artwork in here. Um I don't know how it did it, but it must have maybe it's getting Spotify previews or maybe it's getting YouTube audio, but it actually does play, which I was not expecting. Um so that's cool. There's this artwork viewer here that has our all of our artwork in here. And um I can't size it up or anything or I can't expand the um the size of this, but it does have all the artwork in there, which is sweet. And then we have this file system thing. Oh, when I click got the when I click on the file, it it opens it in the um um file player, which which is a like this is so cool. Um I wonder if Yeah, okay. So, they didn't program every little thing. Go to lyrics. It has a lyrics thing here, which is fun. So, I can Okay, it's a placeholder. Um so, we could flush this out if we wanted to. Um let me see guest book. Oh, okay. This is actually a cool email list collection thing. Like imagine if you had a guest book, people could write their their name and email and then leave a message. And then maybe that was how it stored to [clears throat] your your email list, which is which is pretty crazy. We have a bio. Um which is also fun. And again, you could definitely customize all this. Videos just does artwork viewer. Socials brings up this, which it just took us to Instagram. So, that doesn't work, but that's fixable. Oh, Instagram search. That's weird. What if I do YouTube search? Okay, I don't know why it keeps defaulting to the search thing, but you can imagine if if I gave it the links directly, it would probably work. But you can see this is like a real website, right? When I click on something, it takes us to Spotify. Then I go back and the site's like kind of refreshed. Um and let me see if there's any other Easter eggs. There's one fun Easter egg. I opened up the recycling bin. Deleted files boring band site final final.zip, which is like the most music title thing ever. I don't know, I'm guessing every artist does this, but you name your song final and then you have another one that's like final but it's final final or final final final.zip. Uh tour dates placeholder.doc clean corporate rebrand.psd. So, honestly, kudos to to Codex here for for nailing this. And then the background of the desktop of the wallpaper has not our logo, but it does have our brand name on it, Uh which is just like amazing. Like so you so, you know, what is the application of this? Aside from potentially taking people's jobs. I don't really want I don't really think it's going to take people's jobs because you can imagine that if you have the budget to hire a developer, then you're you're probably going to hire a developer because they're going to do something like way more customized and they can maintain the website. Like there's one big problem with this is if you make something like this, the web changes frequently and things break and things go down, especially if you're integrating this with like your email list officially, there's all these complicated variables you have to factor in and you have to maintain them when they break. So, you can keep fixing them in Codex, but at some point if your site gets complicated enough and like it's it's a serious thing for you, you might need a developer. You might need to learn those skills yourself. So, I've been playing around with this a lot lately and and actually even though Codex is doing all the coding for me, I mean like I do have a master's degree in engineering, so I've taken a lot of programming classes. So, I have like a foundation of of programming and also I've done like software development for funsies over the years. And doing it this with Codex has actually taught me a lot in the process because I'd have to like learn how to host a site on Vercel or I'd have to learn how to set up a database and how to check the information inside of the database. So, even though there is a lot of ways that like AI is kind of making humanity dumber, it's actually kind of interesting to see like I've actually learned a lot through building things with it in the process of and and also it can't do everything for you. There are some things you will have to go in and fix. So, what is the application of this? If you're someone who's like I want a really crazy website and I don't have like $10,000 to hire someone to do it and I can't do it in Squarespace or Wix, like you can do this. You're going to need to do some maintenance. You're going to need a paid Codex account or ChatGPT subscription, but pretty cheap. Way cheaper than hiring a developer. And aside from that, if you just need a simple website, it's probably not going to break, meaning you can build a quick and dirty website inside of Code X and then go host it for for very cheap or for free entirely on on a myriad of options online. So, let me know what you thought about that in the comments below. If you want to see how you can market your music using a myriad of techniques like meta ads or free organic marketing, check out this playlist right here to see a whole bunch of videos in detail to help you do just that. And if you want to see whatever YouTube thinks you should watch, check out this video right here. Anyways, thanks for watching and I'll see you next time. Bye.