Welcome back to the Digital Marketing Podcast, brought to you by target internet.com.

My name's Daniel Rolls, and in this episode we're gonna be talking vibe coding.

So if you're not familiar, vibe coding.

It's 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.

Now I have to say I'm really excited about this.

'Cause 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.

But 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 gonna 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 target internet.com/podcast As ever.

We're also for members of Target Internet.

We are doing a Vibe Coping Masterclass, 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.

Target internet.com first 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's 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 Chachi BT five and therefore co-pilot.

'cause co-pilot is now using Chat two, PT five.

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 Hyper Text 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 desk 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 chatt, pt or copilot or anywhere else.

But generally speaking, what you're gonna 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 wanna 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 chatt pt Google Gemini as well?

I've added guidance to both of these two issues about casting sale sheets and about embedding code in your own website into the show notes as ever.

So target internet.com/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.

This.

Just at this level allows you to do amazing things.

So we have created interactive timelines.

We have created interactive maps, we have used tools to help you generate ideas.

So there's lots of exciting things you can do with that.

Level two is interactive, but with a backend, like a login or memory of previous content interactions.

But also at this level, you can actually use AI within what you're creating.

So imagine you wanted to embed something into your website that allowed people to do some keyword research or some content planning.

Well, you could use AI interactively within your own app embedded into a website Now to do that.

You need to have a connection to the backend of chat PT or something like that.

It's relatively easy to set up.

You just set up an API account and then you pay for credit.

So bear in mind with some of these things, there might be an ongoing cost because if you've got hundreds or thousands of people using this new thing, you embed into your website and it's using chat PT in the background, there will be a low level of cost associated with that.

Now it's got a lot cheaper.

So it used to be quite an expensive thing to do.

It's got an awful lot cheaper.

But there are some other tools like Manus that I'm gonna talk about that have got that cost kind of baked into it.

Now, the brand new version of Manus.

And Manus is an amazing AI platform that uses a number of different kind of ai, large language models in the background.

But not only can it create code, it can deploy it and it can host it.

So just to put that in context, it can create some code and it'll put it online and host it for you and give you basically a little subdomain of the Manus website that you can link through to.

But it can also do things like create backends that have security and databases in them.

And so on as well.

And analytics.

Now currently that's then hosted on a manner subdomain.

They are looking in the future of allowing you to then point your own domain at this.

But that's a feature that's coming.

So if you think about this, suddenly you can create something that people can log into.

It can remember what they've done previously, but really interestingly, it can use.

So it can do AI kind of interactions and you can embed that into your website.

'cause the way you then share it is either by linking through to that subdomain, so it's like a little standalone website.

Or what we've done is embedding it into your own webpage using an iframe.

So you create a page in your website, you put an iframe into that WordPress, Wix will allow you to do those kind of things.

And then.

You can put the little link to the iframe to your code where it's hosted on Manus and there are other platforms that do this as well, and it will show up.

Now, my worry was that iframes any content, it's like within a window within your webpage.

I was worried that it'd be a problem from both an accessibility and an SEO point of view.

And actually they're not.

If you set 'em up right.

So again, I've added links into the show notes, just with a bit of a guide in terms of how you set these iframes up so that they are fully accessible, but also so that Google can see the content of the iframe.

'cause the risk is that Google sees your webpage, it sees there's a window in it, but it doesn't see what's through the window.

But you can actually add some code to tell Google to look at what's inside the iframe.

Now this works so well.

We tested this out, so we created an interactive Google algorithm timeline, and we embedded that into our website using an iframe.

And actually it ranks number one in Google for the target phrase that we set it up for.

So it can work really well from an SEO point of view as well.

Now, level three is where it gets more complex.

And I've got an interview to help you deep dive into this as well, so you can see the art of the possible, even if you're not gonna do this yourself, but if you are gonna do it yourself, just to learn from somebody that's really gone through, which is quite a painful process because I interviewed Christo that I'll introduce in just a moment.

And Christo has kind of gone through this learning curve as all of these AI tools were evolving and changing as well.

But at this level, you can create and deploy fully attractive websites and apps with full functionality as a standalone thing.

So you could create anything.

You could create a CRM system, you could create, you know, fully interactive digital strategy creation tool, anything that you can think of.

Now, these require things like authentication, security databases, staging servers and lots of stuff that only normally full stack developers could really deal with.

Generally what this is gonna involve is using some external tools, so setting up some hosting space, setting up something to store your code, those kind of things, and then using AI to help you manage, but generally generate your code.

Across these platforms and I really wanted to speak to someone that had kind of been through this process.

And I was very lucky that Christo Steinman, who is a podcast listener, so Christo reached out and said, look, I've been building and launching a business using vibe coding at this more advanced level.

And he was very kind and generous enough to kinda share his journey and amazingly his process and his tech stack.

That went with it.

'cause that's what no one else had really shared.

So the second part of this podcast, let's go over to an interview I did with Christo and we can see how he worked on his business, trade lead ai and how that progressed.

It's a great interview because it really talks through the pain that he went through and actually what he's learned along the way.

And he's very generously shared this list of tools that he's used to help him get set up and how he did that in a cost effective way.

So again, target Internet Gone ForSight podcast, you'll get access to that full text act.

But don't forget, we have a masterclass for members coming up on Vibe Coding and an update session for.

Newsletter subscribers, so get over subscribe, target internet newsletter, and over to the interview.

Daniel Rowles: Okay let's get straight into it and talk to us about what Vibe coding is and you know, what it really meant for you,

Christo Snyman: Okay, so a funny thing is I only really heard the phrase vibe, coding maybe.

Two months ago or so, like after,

Daniel Rowles: doing it for a long time before that, right?

Christo Snyman: yeah, after spending quite a few months, like more than a year on, building certain prototypes.

But for me it's basically coding without the fear of coding.

Like I said, I didn't really know the term, but now after the fact it makes total sense.

It's that.

Putting into practice what my thoughts are.

You know, I've got an idea and I can very quickly prototype it, or at least test something.

It might not be a full MVP or anything like that, but I can really quickly go and try something out.

It's that experimenting, you know, copy, paste, test, break, fix, and then slowly.

Kind of make it my own.

And it's like building Lego when you don't have the instructions.

That's kind of how it feels to me.

Daniel Rowles: It's a

Christo Snyman: Yeah, so you kind of put the pieces together and not always knowing what these pieces are and then until something works, you know, and then refine it.

I suppose if any experience programmer would look at my code, it would they might be appalled by it, but, for me, it's less about like syntax mastering and more about that like momentum and it intuition and iteration.

I think over time, the way that I've been building things have definitely gotten better, like splitting the code up into modules and things like that.

Like you should have seen the first bit of my code.

It was really bad.

It was really messy.

Even like me looking back at can't believe that I actually something.

With learning this whole vibe coding thing, I've also learned a lot more about programming, like how it should be structured, you know, what you actually should do.

So it was learning the syntax, but also learning like development practices.

Probably not at the level that, you know, experience programmer would be, or definitely not at that level.

But I definitely improved.

Daniel Rowles: Yeah, I'm really interested in that because one of the things I've noticed is that.

Lots of people getting slightly better at prompting and the way they've got better at prompting just generally is that iteration.

You try it, you learn, you test out what's kind of working and what's not.

what differentiates that?

'cause I could go in and I can use chat two BT now to do like a one page app that, that creates something from my website.

That's fine.

But the difference between that is actually understanding.

The structured approach to, to programming the tech stack that you might be using, deployment, all those kind of things as well.

So we'll get into that because I think it's really interesting.

So how did you kinda start off in the space?

What got you into it?

Christo Snyman: So, I do come from an IT background but purely infrastructure, servers, networks, you know, cloud and things like that.

Not coding at all.

I've done some basic scripting and batch files and stuff just growing up with, you know.

From back in the day where it was like a requirement.

So I do have an, I do have an IT background and it was a real big shortcoming for me not being able to program and not being able to actually put any ideas into practice.

And it's been quite a big stumbling block for me because I've had multiple businesses in the past or business ideas and, you know, entrepreneurial.

Test or experiments that I've done and I've never been able at the moment, like there's a software component that needs to be written or developed.

That's kind of where my idea fell short.

So obviously when I started seeing people on the internet doing basic things, I mean looking at maybe ache, PT 3.5 and like the beginnings of four it was much more basic than it is now.

And but when I saw what people were doing and how quickly they were doing it, even though a lot of people were using make.com and you know, these like no-code, low-code tools.

That really piqued my interest because I could suddenly very quickly execute basic things.

Even just looking at infrastructure, like giving me the code to deploy infrastructure on Azure, for example.

That was kind of the first things that I saw, like Azure or chat PT will just bump out a big script to, you know, deploy a server, configure the network and I was like, this is.

Really good.

There's a business idea right there.

I'm always the, I'm always the schema, you know, like, how can I make people's lives easier?

Basically, what problem can I solve?

I just totally became hooked because I just suddenly.

Found problems everywhere that I usually would've maybe steered away from because it had this development component and now you know, that barrier's been removed.

So I just started doing like a whole lot of different things, mostly with like booking agents.

Trying to solve business problems.

What can the AI do to solve a real business problem?

Because I've come from a corporate environment and there's, you know, there's a lot of business problems.

There's a lot of repetition or processes that that we can make faster.

Seeing salespeople really struggling with reports.

And then I saw some people doing you know, speech to SQL queries basically, and had a few tests and they were actually successful.

They weren't enterprise ready or production ready, but my initial tests were really successful and that's really what hooked me.

And I was like, okay, now this can go a long way.

And yeah, I started exploring from there.

Daniel Rowles: Yeah, I think it's amazing to me because actually.

There's never been such an opportunity for entrepreneurs to actually launch something and get it out into the real world, or at least get a minimal viable product up, like you described as well, which is brilliant it means that we can take those projects further.

I mean, the downside is that you can build something today and then tomorrow somebody can come something out that's even better.

So there's that.

It increases that competitive environment as well.

I mean, tell us about the idea that you've been working on.

Christo Snyman: My project's called Trade Elite ai and it basically comes from real business problems.

I think all my entrepreneurial exploration is.

It's all based on speaking to people and they've got an actual problem.

I started getting in touch with solar operators, people in the service industry.

And their problem was, you know, being on the tools or being in therapy and not being able to answer their or reply to their clients.

There was a specific massage therapist.

I actually, I was actually busy having a massage and she complained about Instagram messages just coming through the whole time and her not being able to respond to it.

And when she does respond to it.

End of the day, these people have already found another therapist.

You know, they've already booked something else in.

And I was like, this is a real business problem.

You know, this is something that I've already, before that actually started playing around with booking, like calendar bookings.

And I tested, I had like.

Prototype of, you know, putting something in a calendar based on a chat.

So I told her, well, let me, lemme try and do something for you.

The, for the initial idea was just to write something bespoke just for her, just to integrate her Instagram with her calendar basically.

And then with chat, GPT just, you know, give you give her that like natural language to the clients.

But as I started building it, I started speaking to a few other people also, and I realized the problem is much bigger than just this one person.

So why not why not go all the way down the rabbit hole and build multi-tenant sized platform that can deal with multiple businesses that all have the same problem.

And that's basically what trade became.

It's it connects to the channels where customers already engaging with these businesses.

So at the moment it's Instagram, Facebook, I'm integrating WhatsApp, but it's not a very big market in Australia.

So it's not a, it's not a high priority.

And then obviously voice also which is also on the roadmap at the moment.

It's an AI assistant.

It can answer questions on your business.

So you know, how much is hot stone therapy, you know, what is hot stone therapy?

What is reiki?

How much is your quotation to come and do a fence or whatever and you know, what is the duration?

And then it'll answer this and answer questions based on your business and also take bookings.

So that's pretty much in a nutshell what it's about.

And.

Daniel Rowles: It's amazing because when we first spoke, you kind of were talking a bit about, oh, this is what I'm working towards, and then by the time we'd actually spoken, it was kind of live.

And I know you've been developing it since then as well.

What does the kind of text stack look like for that to, because you talk about a bit multi-tenant and those sort of things.

So what does that, what does it mean in practice and for those people Aren't that technical?

What's the kind of levels involved?

Christo Snyman: Okay, so I started off and also I knew nothing about front end development.

I basically just asked GGBT what is the easiest, fastest way to go to front end.

And it said you can use React, you can use angular and you know, gave a couple of other things.

And I.

A few questions and it basically became, react is the lowest learning curve with the fastest.

The fastest like implementation time for someone that knows absolutely nothing.

So front end is react, right?

Which I think is like a proxying type service.

Don't even ask me, just shows you like, yeah, you can bolt something without really understanding it.

'cause at that.

That was probably my worst, was the front end.

I really struggled with with that.

And then for authentication, I'm using Google Firebase, so I don't have to, didn't have to write any of this authentication, you know, mechanisms.

Google takes care of that for me.

The backend is all Azure serverless functions, so Azure app functions, and that's basically just, you know, it just.

Has a whole bunch of functions doing, interacting with the backend or with the front end, or interacting with Meta's API.

And then the database is PostgreSQL of psql.

So, I've, I was already familiar with SQL coming from an infrastructure background, so that was quite an easy transition for me.

I did a lot of MySQL stuff back in the day.

So psql, but different, but mostly the same as relational database.

Interesting enough, I actually started on Cosmos DB because there was a very, generous free tier, and it worked very quickly really well.

But the moment I started, the application started becoming more complicated.

It fell apart because I didn't know how that worked.

And so I migrated everything over to, to Psql and that was a, it was a good step for me.

And then I'm using Azure front door for the website, which is a content deliveries network, basically just to get the website to load really quickly.

I'm using as a key vault to store all the client keys and my personal keys.

So I've got two different key vaults and then we've got vnet integration on everything.

And then, yeah, open AI for, obviously for the LLM I'm using multiple versions depending on what query is being sent.

So if it's just a quick formatting, like taking something that's been retrieved from the database and formatting it into human readable.

Format then I've just used like a very cheap model.

If there's more reasoning involved or function calling that might be ambiguous based on what's being returned, then I'm using more, the more advanced models.

And then for the, my website, I'm using WordPress with Devy.

Devi was quite easy way to develop WordPress and.

Google Analytics meta, and then I've also got a Dynamics 3 6 5 C rm.

And I'd also just like to say this to anyone listening that is starting their own business.

I was enabled for a lot of this because of the Microsoft startups program where I got $5,000 in credit.

And so it enabled me to spin up all these servers and, you know, all this infrastructure without spending a dime.

Otherwise you're gonna, you know, PSQL is gonna cost you like $19 a month.

You know, the function app's gonna cost you maybe $25 a month or what, whatever that price is, and it quickly adds up.

So this was a very.

Big enabler for me is that's a Microsoft program.

Daniel Rowles: Yeah.

And that's still available.

So people, what we'll do in the show notes, so target internet.com/podcast.

We'll put some links through to all of these different parts of the text app that you've spoken about, and then we'll put through to the Microsoft program as well so people can take a look at that as well.

So kind of lessons learned along the way.

What kind of, there's obviously there's a Going on in this process.

Christo Snyman: okay.

So one of the first things and ironically something that I've learned or read in probably every single entrepreneur book or, you know, entrepreneurial podcast is don't over-engineer too early.

And it's exactly what I did.

Yeah, don't spend all that time fixing things that no customer has seen.

You know, build the smallest thing.

Get real world feedback, you know, focus on that problem and just get that problem to customers and get their feedback..

So that's probably one of the biggest things.

And but also ties into that like your infrastructure is invisible to customers.

You know, you can spend weeks on getting your certificates right and getting your networking rights, and, you know, getting it all like enterprise grade.

But the customers only care about their problem and then another thing that and I've also seen this and heard this in podcasts and entrepreneur books and talks and stuff, is expect to throw things out.

You know, expect that it's not maybe gonna, the application that you super, involved in and sensitive about it and so, so close to it might not be the one that the customers want.

So be prepared to pivot, you know, be prepared to throw big portions of this away.

If there's no product market fit for that, or if you don't see a product market fit happening.

And I think that was also a big thing for me.

Like I had to let go of things that I thought, whoa, this was so great, but no one wants it, you know?

So I think, yeah, those are the biggest lessons for.

Daniel Rowles: So anybody wants to start off in this page, what kind of practical takeaways do you think you would give someone that wants to kinda start off?

Christo Snyman: So I think, again, get really close to the problem.

I think that's a very, that was a very important lesson for me.

Make sure the problem exists.

Make sure you know exactly what this problem is because if you have a solution for it, you're going to have clients, you know, and you can test your solution without actually building anything.

And I think maybe I shoulda done that a bit more.

I think I enjoyed.

Building part of it.

As an, as a techie, you know, it's, it was a fun experience for me, but for, if you really just wanna build a business, understand that problem really quickly, and then when you start building I think iteration is your friend, you know, like just.

Just go over the same thing over and it will, you'll definitely get there.

Don't be disheartened if it doesn't work early on.

Chad, GPG will learn what you're trying to do.

You know, eventually you'll get to a point, and if that doesn't work, I've often just taken the exact spec or JGPT chat, and I've popped it into Claude, or I've popped it into deep seek.

You know, if you're not, if you're not too sensitive about the data that's in there and you just wanna get an answer.

And I've often, you know, like played the LLMs up against each other almost.

And I've found the solution basically by, putting this answer into that's, and eventually, like they.

Daniel Rowles: Yeah, I think that's great advice.

We find that as well, that if you are getting stuck in a loop, sometimes you take it out and kind of start again.

Try a different LLM and to see where it kind of takes you from that point of view as

Christo Snyman: Yeah.

Daniel Rowles: so.

That's the kind of journey, but where's the project now and what are the kind of next steps?

Christo Snyman: So yeah, the project's live.

I'm already looking at pivoting into other markets, but I'm thinking I probably won't, right now.

I'm looking at possibly real estate because someone contacted me and they have an actual problem that I can solve with.

80% of the product.

But at the moment I'm looking for investment so that I can really launch and scale.

But my next step is looking for investment, securing something small for, you know, some seed funding, doing the first like, or 24 months and

Daniel Rowles: Fantastic.

Well, it's a brilliant journey going from an email that you sent over to me saying, well, you managed to do this.

Then you're kind of explaining out your tech stack for me and then us getting to this point as well.

So thank you

Christo Snyman: awesome.

Daniel Rowles: on the podcast.

All of the, that tech stack and everything else will be on the show notes.

Target inta com slash podcast.

Take a look at that, and we would love to hear what you do with this technology and where you take it.

And we will keep you up to date with the journey and how the investment goes and how the platform grows.

So thank you for being with us.

Christo Snyman: Perfect.

Thanks.