Transcript
A (0:00)
Welcome back to the Digital Marketing Podcast brought to you by targetinternet.com My name is Daniel Rolls and in this episode we're going to be talking Vibe coding.
A (0:17)
So if you're not familiar, Vibe coding is a kind of new approach to software development using AI. But one of the things, it's made software development accessible to everyone. So if we just look at the definition, so it says Vibe coding is a software development approach where developers use natural language prompts to have an AI generate code, shifting the focus from manual coding to guiding and refining the AI's output. Now, I have to say I'm really excited about this because I think it's really important we're not just using AI to do things quicker, but also that we're doing things better. But really importantly, and Kieran's raised this point in previous podcast, that we're actually doing something new with this, that it opens up lots of new possibilities and opportunities. And I think the ability to create interactive content is new for most people, or at least the ability to do it easily and iteratively is going to be huge. So the idea that, you know, anyone can write an article, but not everyone can do a podcast, not everyone can go on to do a video. But what about interactive apps? Well, not everyone could do that. The barrier to entry was huge. Well, that barrier to entry has come down, but I don't think that as many people are taking advantage of it as they possibly can. So what I've got is a bit of an introduction. The different kind of levels of it hopefully make it accessible for everyone. We've compiled a load of guidance in the show notes, so targetinternet.com forward/podcast. As ever, we're also for members of Target Internet, we are doing a Vibe coping master class. So if you're not familiar, Target Internet members get these master classes half day every month. We've got one coming up on Vibe coding as well. So look at that. If you're a member, if you're not a member, we've also got one of our one hour update sessions. So if you sign up to the newsletter, targetinternet.com forward/newsletter, you'll get the newsletter, which has got three tips, tools or techniques every time. No ads, no sales. But newsletter subscribers and members get these one hour update sessions as well. So to get signed up to the newsletter, if you're not, at the very least, if you want the master of class, obviously get signed up to Target Internet, but I like to think really there's kind of three Levels of vibe coding. And it took me a while to get my head around this. Now level one, super excited about because this is kind of accessible to everyone. And suddenly chatgpt5 and therefore co pilot, because Co pilot is now using chat GPT5. Claude is very good. This Gemini is good, and so on as well. But what they're really good at creating is one page apps. So if you start your prompt with create a one page app, that they will then go off and use a combination of HTML, hypertext, markup language, the stuff that websites are written in, css, cascading, style sheets, the kind of styling elements of our websites, and then frameworks like React that are used for creating much nicer, smoother user interfaces. And they'll create code that will run on any website without any need for backend stuff like databases or special libraries to be installed or anything like that as well. So then what you do is it generates the code for you. You can preview that code within ChatGPT or Copilot or anywhere else. But generally speaking, what you're going to then do is copy and paste that code or just download the files and then you can upload those or embed those into your website. So for a system like Wix or WordPress, this is relatively easy to do. You do need to consider security, as you don't want to make your website kind of vulnerable in any way by adding code to it. And style sheets have a bit of a hierarchy, so sometimes it can cause you some kind of layout issues, depending on how things are set up. Basically it's not complicated to work around these. One tip is that you can use one AI to critique the code of another AI to check it for any security flaws. So I found that to be really good. Claude is great for that. So is ChatGPT, Google Gemini as well. I've added guidance to both of these issues about Cassandra style sheets and about embedding code in your own website into the Show Notes as ever. So target Internet.com forward/podcast. So that's kind of level one. It creates the code, you can preview it, you can then copy and paste that or embed that into your website. And there are some security things to think about, but we put some guidance into the show Notes for doing that.
