WDD LIVE 093: The Vibe Coding Agency GRIFT is Going to Wreak Havoc on Small Businesses

Hello hello hello what’s up what’s up what’s up okay first of all uh let me know if you can hear

me audio uh video we’re on we’re on a uh different setup than normal so we got to make sure that

we’re we’re looking good before we get started today we got jason in the house carl gerard

sylvia karen uh man has man hans man hans photography welcome welcome from the uk mark

zemansky is here in the house rob is here uh i do need to change the background to an etch dom i do

need to do that rob thank you for the reminder uh it says little details you know i i even forget that

thing exists uh on the thumbnail after a while okay it’s good to see everybody um i’m still

waiting still waiting on a confirmation from somebody i i assume y’all can hear me assume everything is

good let me let me get my phone out here okay uh let’s go ahead and just like we don’t really have

any announcement well i do have one announcement um well no i don’t really have any announcements

we’re good we can just jump right into it today uh we’re talking about vibe coding we’re talking about

and not just anybody vibe coding we’re talking about vibe agencies let’s call it okay obviously

these are cropping up if you were around in the era of like when social media first happened you

probably remember the boom of like everybody and their mom was a social media agency like out of the

out of the blue out of the woodwork um you know no real training no real no no no nothing it was just

oh there’s an opportunity let’s go ahead and seize the moment let’s seize the opportunity well that is

happening in the vibe coding space and if you want to vibe code for yourself like that’s all fine and

dandy if you want to vibe code as a a proof of concept prototype like there’s nothing wrong with any of

that there’s nothing wrong with any of that but i do have a big problem with some of the stuff that

we’re going to look at today uh is hurley your favorite brand no no it’s not my favorite this i

think this is the only hurley hat that i that i have um yeah it’s definitely not my favorite brand

um so i’m going to show you two videos today now we will get into q a we will get into we can look at

some etch stuff if you want to look at some etch stuff we’ll try to diversify today’s stream a little

bit we obviously have a hard stop at 12 30 uh so an hour and a half we’re gonna we’re gonna try to get as

much done we get these two videos to watch first but this to me is very troubling stuff

and i think you need it one you need to be aware that it’s happening two you need to be in a mode of

being able to educate clients on this stuff like how okay how do you spot this kind of thing why should

you stay away from it why is it dangerous but what we have and you know sometimes people don’t like

streams like this where they feel like somebody’s getting called out or whatever but you know this is

they put this content out here freely available and so it’s open to be discussed and that’s what

we’re going to be doing today and we’re just it’s not like you’re just ragging on somebody it’s fairly

objective that they don’t know what they’re doing and when somebody who doesn’t know what they’re doing

is selling services to people who also don’t know what legitimate work actually looks like like these

small businesses that are hiring agencies like this and that are getting these kinds of services and

getting this kind of output from them getting this kind of product they are they are in for a world of

hurt they are going to be lighting a bunch of money on fire and so somebody’s got to come in and say

you shouldn’t do that you shouldn’t go with them if if an agency is doing this kind of stuff that’s a red

flag you should stay away from agencies that are doing this kind of thing and be able to educate

your clients on that and be able to turn those clients back into your services which hopefully are

legitimate and are going to actually get them results and in in cases like this we might even be talking

about penalties severe penalties coming out of hiring an agency that is doing things like what we’re going

to see today and again we have two videos to look at they’re both around 30 minutes long so we’re not

going to watch the entire video what I want you to get is just a glimpse of what’s going on and then we’re

going to discuss it and obviously we’ll discuss why it’s a why it’s not a good thing not a good thing and I think

you’ll get the point and then we can answer questions and then we can get into whatever else you guys want

to do uh Ruben says what is vibe coding okay so I guess we should just quickly explain that it’s

essentially uh well I guess there’s to me there’s two different camps of vibe coding there’s a camp of

I’m a developer I know what I’m doing uh but I’m gonna let AI um you know I’m gonna experiment or I’m going

to just whip up a quick prototype for something and so vibe coding is essentially letting AI do

all of the work okay it’s not like you’re using AI as an assistant like you’re doing most of the work

but it’s like okay this is a repetitive task I want AI to do it or I want to see if there’s a better way

to refactor this so I’m going to get AI’s input or something like that that’s not to me that’s not

really vibe coding like vibe coding is like I I’m just sitting down I’m letting AI do everything I’m just

letting AI if there’s a problem I’m going to make AI fix it and we’re just going to keep prompting

over and over and over and over and over again until we arrive at whatever we want to arrive at

that’s like the vibe coding thing okay so there’s a little bit of uh context there okay let me go into

let’s just let’s just go ahead and get to the first video so I’m gonna go ahead and share my screen I’m

not on my normal stuff where am I let me find my scenes let’s go where are scenes scenes I don’t have my

my stream deck is right here uh and as you can see it is not plugged in it’s it’s so we’re we’re on

manual controls today um let’s go to screen share that should work okay good I see me in the bottom

all right so this is I don’t I don’t know who this person is again it’s not this is not a personal thing

it’s just a business thing um we built 4,000 plus seo web pages with bolt.new in 26 minutes

full tutorial all right um so we’re gonna see first thing we need to know is can you hear the video

because again we’re on a new setup I just need confirmation so I’m going to play this for a second

just let me know can you hear it thank you so much for having me appreciate it so so magic seo or pseo

some of us call it okay so we’ll just do that little test yes but with echo okay um all right let’s see

if we can let’s see if we can get that fixed let’s go to window let’s go to sound levels uh okay do that

let me see okay let’s try again let’s try one more time is a kind of marketing strategy that

person’s used to rank on google so anytime anyone goes on google search and they type in let’s say

for instance the word rage okay now let me know

and put a b so I know you’re talking about oh there’s still an echo still an echo okay how would we

how would we get rid of the echo because I’m I’m on we’re already mix minusing it uh it would not be

coming it’s not my mic because I’m wearing headphones so it’s not coming back through the microphone it’s

it’s just all happening inside of the mixer is it a horrible echo or is are you able to deal with it

for a little bit that would be that would be the next question uh let’s go windows comments okay so

preferences sound effects sound levels duo chat okay dave says you can deal with it’s I love it dude I

love the I love just humans it’s like dave’s like we can deal with it another one’s like horrific

it’s like okay um turn off audio monitoring for the desktop audio I don’t I don’t think that that’s

what’s happening here um duo chat I think it is okay let’s go into I wonder if it’s an ecamm issue

uh specifically it’s probably not a mixer issue it’s probably an ecamm issue so let’s go into ecamm let’s

just try to fix it real quick if we can’t fix it we’ll just deal with it uh I’m gonna go to streaming

uh we’re gonna go to audio audio automatically mute mic enable echo cancellation for external speakers

speakers is duo main chat select the audio device to use for sound from movie sound effects system audio

we’ll try that we’ll try that um let’s go to screen sharing include mouse cursor desktop okay that doesn’t

fix anything general show camera there’s I know there’s a setting in here for playing audio uh I just

need to find out what panel it’s in uh record only record all broadcast destinations video show default

okay okay display built-in audio speakers um oh broadcast system audio never let’s try that

broadcast system audio never let’s try this real quick

okay

I can also skim through the video without we don’t have to listen to what oh now it’s no audio

fantastic oh okay hold on hold on I’ll be making progress because I have another I have another mixer

setting I can use all right hang on here we want to get to the front page of google right so the idea is that

using rage room is that we’re going to attack the keywords that come after that so let’s say for instance

you want to look at rage rooms in Boston San Francisco how are we doing now Jamaica right so we’re going to be

tackling the the long tail keywords and we want to rank on google for that in order to get free traffic

all right okay um all right so he’s he is explaining we’re not gonna we’re not gonna sit here and listen

to this entire explanation he’s he’s explaining what p seo is so I love how this stuff evolves okay so we’ve

got we had seo forever right and now we have what’s called p seo which is programmatic seo oh doesn’t that

sound fancy doesn’t that sound so fancy what is programmatic seo programmatic seo is when seo pages

are automatically generated now there are legitimate ways to do programmatic seo there are illegitimate

ways to do programmatic seo by and large the concept of seo if you ask google if you ask the people who

design the algorithm just the concept of programmatic seo violates the core fundamental principles of seo

okay um now like I said there are still it doesn’t mean every single instance of programmatic seo is

illegitimate but it does kind of violate the general principle there are still legitimate ways to do it

most of the programmatic seo that you’re going to see is illegitimate seo okay and especially coming

from what these guys are what these guys are doing okay so um he’s going to explain the concept of

programmatic seo then they’re going to go into the tools that they use and we’re going to skip ahead

to this live build with bolt I mean this can be for for non-technical users I know that this can

sometimes be jarring especially if you have no experience building any kind of like you know using

building any by the way I’ll tell you an additional context to this video is now these guys just sell

these services they sell these services but what they’re doing with this video is they’re encouraging

other people who and you just heard him talk about non I know it’s you know for non-technical people

he’s talking to non-tech he’s talking to people who don’t know what they’re doing and they’re encouraging

them to come into the space and do what they’re doing okay so it’s like we got people who don’t know

what they’re doing encouraging and teaching others to flood the market who also don’t know

what they’re doing businesses are going to be absolutely murked by these people okay so let’s

just keep watching in order to just create a really good look of different websites right so you can say

like hey I want to see in this instance I want to see okay what are they doing by the way are they

doing anything uh unique are they doing anything no no no they’re going to use all existing concepts

from work that other people have done and this is the model that they’re going to feed to the AI

for inspiration or agency websites or e-commerce websites because I’ve moved on to the platform

so she’s could dabble in on this now and what’s that okay let’s go back here we go same kind of

just minor issues all right so we pick send on this now and what’s that going to do is going to use

the chat gbt’s image and then it’s just going to create a prompt for us so we got to a tool

so they’re using a tool to create the they’re not even coming up with the prompts they’re they’re

sending images into AI and asking AI to come up with prompts to feed to other AI

select from here sweet so basically what it’s doing is it’s looking at the screenshot you gave

it and it’s going to give you the prompts that you can then take so that you don’t have to come up with

like this is a long prompt and it has like a lot of different details in it right so this just saved us

15 minutes of writing they don’t they’re not even they want they don’t even want to do the prompt

that’s how that’s how much they want this vibe coded they don’t even want to write the prompts

for the stuff okay let’s keep going writing it our own selves again would have been another little

process so we can now just go down and okay i prefer response you select so now what i would do

is that you definitely want to ensure okay now they’re feeding it back i found that just by telling

it exactly what your objectives are works like a charm so i’ve told it you know not only to follow

the aesthetics of the image that we’ve given it but also you know including the fact that we’re

building a program basically the website okay let’s skip all this framework for web development where

they with like html right yeah h great update where they’re just the uis that are coming out looks

generally tend to look good so let’s see what it comes up with for us in this instance

this is going to be how to balance mma as a dash and wait till we get to the seo part of this

right now we’re just okay so they’re they’re just doing uh you see navbar hero okay it’s like it’s

building the sections of the site now like when this we can be very specific on what we want

okay here we go team geez upcoming we’re gonna form it footer yeah there it is so now let’s select

the navbar and say hey some modification so yeah so move overlook let’s remove cycle let’s remove cycle

let’s remove cycle not necessary cycle and then we can say articles and we can go in and we say articles

so we can say want so we can generate a card based article view of generate a card based article view cards

should contain a title a description and a image use whatever now does anybody know if because i don’t i

don’t do this so i don’t actually know what it spits back does this does this manually does it look in

like like you’re using super base or something like does it look in the database look at your

posts and create a loop for them or does it just manually create these cards you know like you would do an

elementor or something like does anybody like what what is the extent of the scalability of what’s

actually built here or the maintainability of what’s actually built here images you have just

for this demo we’re not going to include any images because so these are all going to have like a variable

in it so in the back end database it’ll say like here’s the title put this title here here’s the

description for the description here yeah so while that builds out and getting us our new pages we can

actually touch base on that right so what i’ve actually done as well is that i’ve also went ahead

and created another gpt that allows users to give in the top five rows in their data set and just like

some generic like questions like some generic questions they’ll ask you right you can then

website do it right you miss um like try again try again but you could get it to do it so they’re

starting to do the programmatic seo right um they’re going to do this around job opportunities

in various cities so they give an example okay um and you’re going to see how just atrociously awful

this gets and they are totally satisfied with it tools like out scraper which are called like a lot

data from them so yeah okay okay so let’s give it a bit more context because he doesn’t know what

we’re doing right now so building and so is this building the template for the actual web page

yeah yeah it is okay we’re gonna put this back into bolt and they’re like they’re building the seo landing

page that’s gonna be duplicated and we’re gonna be filling the information from super base got it so

we’re gonna get now much more we’re saying building for mma website right great and this is for job

opportunities to break into mma as a waitress beautiful yeah and they think so let’s just what

is the overall what are they what is even the strategy here okay so i guess they’ve identified

that you can get a lot of traffic um for this type of phrasing okay and so it’s like

breaking into mma for something or become an mma instructor or something but they think that

pairing this with like every job title in the world and creating a landing page for it

is going to drive a lot of traffic and watch what ends up getting produced here but it works

it works sorry let’s go so let’s just use this then there we go

so let’s see what bolt has done for us in the meantime great so bolt’s finished we now have

articles okay they’re gonna read more and nothing happens okay and look at these articles like the

ultimate guide to building muscle nutrition tips for this is all it’s it’s all the most generic i

like to do whenever it doesn’t really understand i tell it the current issue and then i tell it what

it’s supposed to do this isn’t even seo i mean look at that let me go back to where’s that screen

he’s going too fast right here recovery and rest day strategies mind muscle connection okay

if you know anything about seo you read those and you’re like okay this is not gonna work this is not

this is not seo what’s happening right here recovery and rest day strategies that has there’s no context

there there’s no there’s no real keyword there there’s there’s there’s no nothing there’s no not

that’s not seo that’s not an seo headline okay um but let’s this is not that’s like the that’s that’s just

mild that’s a mild violation okay with what we’re about to say right now what’s in it is a smart data

this is the information that it generated on its own jobs but we’ll see so once this is finished we’ll start

it’s asking for the the seo landing pages for us here i’m gonna talk a little bit about getting

information in it right i’m here so we got a lot of data and you could also okay they have fed it

let’s look at the database left to credit smith just the prime right here they’re feeding the database

literally every job you could already have it’s like oh do you want to be an mma are you an accountant

that wants to be an mma instructor are you an accounting tutor that wants to be an mma instructor

are you uh an accounts controller that abbreviated are you an account that wants to be an mma instructor

okay and these are the 4 000 seo web pages that they’re going to auto publish check this out other

variables in there is okay that’s interesting because here we go here’s their landing page mma career

opportunities okay hyphen guys you can discover your path in the world of mixed martial arts from

coaching to officiating explore the various roles that make the fight industry thrive here

since this is the name it’s latching on there they’re having some technical difficulties we’re

going to skip through this okay i just forgot to enable like r he forgot to do the rls policy okay

so nothing look at this oh look at what it’s starting to degenerate though it’s no so yeah so

what exactly oh my god a 118 118 switchboard operator in mma the career guide if you there in

in case people run into that yeah you know so so this is such a simple thing right so i’m gonna

was being pulled dishwasher we have a bar made cashier and for getting across like a very simple

mvp version like zeros right and we look at this a two a career guide 2 a.m bagel baker in mma

what are we doing what are we doing what i want it explained i want it explained we we need i need an

explanation adjunct professor in mma admin and digital marketing manager in recruitment in mma

what are we doing that’s video number one that and this is what people are selling to companies that oh

yeah yeah we we could spin up 4 000 pages we’ll just we’ll you’ll be ranking all over the place

no you won’t no you won’t no good when google sees this you’re donezo your whole domain could could be

done it could be done okay um this is how you get your domain absolutely cooked and and that that damage

that’s not just like oh i paid these guys and we got no results right the damage from that is is

very very very very significant catastrophic some would say um and and so we’re talking about

programmatic seo with bolt that from guys who don’t even know the first thing about regular seo

now if you don’t know the first thing about regular seo and you make let’s say you’re making seo mistakes

well now you’re making programmatic mistakes at the 4 000 plus page level this is outrageous this is

outrageous um and and the fact that they’re you know they’re putting this content out here trying to

get others to come in and do this also hey i’ll follow in our footsteps that’s what this is this is not

good this is not good for the industry it’s not good for anybody okay um yes yes they do they do have

7.5 000 subs uh yeah this is and that’s not a lot it’s not a lot but that trust trust there are people

with way more uh let’s look at video number two okay and just let you know this is what is popping up

out of everywhere every corner of of the internet right now is vibe code agencies this is what’s and

this is just programmatic seo i mean think about software think about wordpress plugins think about

this kind of insanity is leeching into every aspect of our industry and um it’s it’s gonna be

it’s it’s it’s not gonna be good for clients okay it’s not gonna be we know how to navigate it we know

what to look for we know like i think we need to really start educating the small businesses the medium

size business that we work we can’t save everybody right but you got to be able to have these

conversations with people and steer them away because they’re these i guarantee you these people

are going to make very lofty promises they’re going to dramatically undercut you on pricing they are going

to just explain how this is the future and this is just how things have to be done now and and then

the small business owner doesn’t really know i mean they’re going to feed right into that right into

that it’s going to be a really really really bad situation so here’s this guy we’re moving up in

life this guy’s got 37.5 000 subscribers okay he’s going to make this portfolio website in 10 minutes

with lovable uh and i i just i just start to have some conversations or some uh questions about these

kind of things i want to have conversations about them also that’s why we’re doing this live stream

but some interesting questions are going to come out of this one in particular um now i don’t think

this one is not as offensive as the programmatic seo example because nothing that is about to happen

in this video has the kind of cost that would come from deploying that kind of programmatic seo that we

saw in the last video but this just raises a very different question that i i really want an answer to

but here’s this guy but i want you to redesign it okay so create a portfolio for my funnel building

business okay imagine that imagine that this would be a

a click funnels guy right um and use a light blue modern theme my current portfolio is blah blah blah i want you to redesign it okay so

okay so uh we’re gonna get into this make it perfect we’re gonna you can watch all the technical aspect of it if you want to he’s feeding it um examples from dribble

we’ll see what it does and i’m designing a not saying if we can learn how to that’s not the site i’ll have to wait for because it’s still writing the code but you’ll be able to see yeah there we go okay oh ai about business stronger

stronger blue as the main contrast if you watch this video you’re gonna you’re gonna see him go prompt prompt prompt prompt prompt prompt prompt prompt prompt like having these conversations okay i want to see what we actually get to and then ask some questions about it and you want to have one main color

because this is what people are saying should be like the process these days you know like this is the proposed new process that we’re gonna be doing in web design i guess

one second there and then the contrast color

so here’s what he’s getting back um i don’t like i think this is montserrat i don’t like montserrat

it’s not bad though as a first draft it’s not bad i don’t like the logo and everything either so let’s go back

use two screenshots for inspo let’s see what it does when we add those two let’s look at the copy as well

because design wise i kind of like i kind of like how simple it looks if you just want something very like

quickly get started we can also add in like hey create a different page so it’ll create this is the

home page it’ll create a different page for you know if you want to buy a sales conversion funnel starter

kit get digital product we can just prompt it to create that page as well e-commerce digital course sas

so obviously would want to go in and change a couple things here and there here’s what we can do as well

give me a better navy blue to gradient blue color palette

with the glowy gradient blue as the contrast uh button

color

give me better navy blue to gradient blue color palette deep navy yep um

right

prompt

study this first so let me show you what i mean this is where lovable comes in where it’s like

so handy so i’m gonna say you know create a new page and that will be the url importer or kind of

like a scraper where i paste in well i could also do that here i’ve created a url tool so while this is

working let me go back and show you uh go to dashboard so i created michelle says why doesn’t he build the

palette himself well because because i i don’t know that they know what they’re doing um maybe he’s not a

designer maybe he’s not i don’t i don’t know but it’s scraping tool that allows you to add in if we take

this page but that’s not the most interesting question i can copy paste this talk sometimes

and just being busy doing what’s already worked that we forget to think what’s going to happen to the

marketplace in three years from now and how can we specific ones though i but that’s where you have this

tool so you can click edit and go remove the background it’s distracting right okay now we’ll

paste in the full prompt lovable prompt for portfolio ui design with man rope the idea that like you you

have to say you click an element and be like remove the background it’s distracting and then i’ve got to

sit there and wait on it like there there’s so many instances where i’m watching where it’s like

the ai you’re in an improper environment for doing this work first of all okay uh if i get if i could

click the element and just why why can’t i remove the background like i i could just do it way faster we

got to sit here and spend tokens on that and we gotta and we we gotta watch it work again and and half the

time it’s gonna repaint the entire thing like um there’s so much inefficiency built into this but it’s

if you watch the whole video you’re gonna maybe arrive at the same question that i have which i’ll

ask you in just a second i do kind of feel like this one has a great agency uh vibe to it um transform

traffic into revenue machines it’s not bad in in general but it’s not ready like it’s not like oh

let’s launch this number one yeah obviously screenshot is using someone else’s image and that’s not okay

so we’re gonna delete uh this is the game too is that you continue to like have these conversations

with ai and these prompts with ai and then that you you run into these frustrating things but you can’t

just reach out and touch it um and if you could just reach out and touch it you could just fix it but

you can’t really in a lot of these tools uh a marketplace that i’m doing using lovable so this is looking pretty

cool can’t find it now but another tool that is calculating revenue how they know they need to hire

an expert to create their funnels and optimize them not just the sales pages but also the automation

he’s going through galleries of templates to get inspiration and to feed into ai and all of this which

again leads us to a very important question in just a moment now you don’t have to buy these necessarily

and with ai when it’s designing you have to show examples of what you’re trying to build

so example of this is what i really like

it the with uh i just want to get this again as soon as basic basic basic my goal is just to get to

create more valuable content to look pretty cool now instead of saying delete the background because we

don’t have that there anymore one thing i could do is and this is helpful like this is really helpful if

you say for example add this image so i’ll say this one actually i’ll thing turn into a presentable image

if you have a

second page that’s a specific there we go beautiful beautiful beautiful oh look at these animations view

okay okay i can say i can say add case study study page for all projects

use dummy copy for

all right let’s look at the mobile let’s look at the mobile and so this will be the the final part of this

i mean this is this is broken right here so it’ll

you’re gonna see a lot of little broken things and i’m not actually sure

he would be able to fix them not easily um which we’ll talk about in just a second

um but this shows you how you know the extent that you can take lovable too just in terms of websites and landing pages

mobile wise and i can say change this and that so this is already mobile optimized a lot of it this isn’t like

okay look at this issue right here where the slider is colliding with the cards below it a hundred percent

look at that so i can say add some spacing there

okay he says oh i can just say add some spacing there and then he would no you can’t just say add

some spacing there that’s not that wasn’t the problem the problem was the problem is not solve

oh let’s pop a little margin in or what that’s not that’s not going to fix that issue that issue is

is caused by the card size changes and nothing is accounting for the changing in the card size and so

he could spend an hour prompting that just one little section over and over and over again because

he doesn’t even know how to describe the problem currently which means you’re not going to get the

solution to that problem um and you’re going to see lots and lots of those little issues and this is

why when i go to vibe code of websites you just see these are left they’re just left there

because no they don’t the person doing it doesn’t know how to fix it they don’t have

they don’t know how to create the prompt to get the right result to get the solution and so they

just end up leaving it plus they’re in a mindset of like this time is money we got a race we got

we’re not we’re not doing this right we’re just we’re just trying to get to some end result and so

they leave all this uh and and it’s awful very impressed very impressed

yeah not bad at all did that have my phone number

so he ends up he ends up doing all of this stuff right uh my question is at the end of the day

what does he have he has a very complex when and to me like an overly engineered i mean think about

doing something on on like wordpress for example the idea that why here’s here’s my question let’s

this frame it this way why didn’t he just choose a professionally designed and developed template

and change his content what did he get out of this at the end of the day after all this prompting and

all of this complexity and all of this work he got a worse result than just buying a professionally

designed and developed template and swapping the content and the colors why are we doing this

what is the point of going through this process with ai to get to a worse result and you’ll be like

well kevin that the results will get better as the ai gets better no it will it can only get as good

as the professionally designed template that it’s using as the inspiration to begin with ai is not

coming up with it’s not brainstorming it’s what it’s doing is it’s just taking inspiration from all

these other places and known patterns and compiling them for you but if you’re just building a site like

this there’s nothing special happening here you could just literally go buy one that’s professionally

designed and developed and you would have a better outcome and then you really focus on the number one

most important part of any website which ai still can’t do and it’s going to be a really long time

before it can do it really really well and that is the copy side of it anybody knows you prompt ai for

copy it is like let’s say i want to write one little blurb one little sales blurb okay two sentences

i gotta have a really solid prompt i gotta have and that requires effort in itself and then what i’m

typically doing is i’m asking it to return five to different five to ten different examples of what

that blurb might be and then i as the human being is discarding all of the trash and figuring out how to

piece out of the five to ten responses that it gives back finding out how to perfectly piece it together to

get to a winning prompt or i’m sorry a winning blurb okay it is still very manual and it still requires

copywriting expertise just like this requires still dev expertise to understand what the hell is breaking

there so that i can communicate properly to the ai to actually get a a fix okay you can’t you can’t just

like do what these people say which is like no nothing and you’re just follow my lead and i’m just going to

show you how to and then you’re just if you pump out website after website after website like this for

actual clients it’s going to be a nightmare it’s an absolute disaster for them uh and at the end of the

day i mean what we we talk about like people taking over these kinds of projects at least if i take over

a wordpress site that wasn’t done very well it’s not you know it’s not the end of the world we can we can

build a new one we can you know we’re on a we’re on wordpress like this is we can make sense of all of this

this i mean this this the the nightmares that people are going to be creating um but that was

my big question watching this one you know the other video was very bad because we’re talking about a

domain essentially getting cooked by google based on what we saw in the last video in this video i’m just

watching it all happen like i sat there and watched every single minute of the 28 minutes and when we got

done i was like why we just buy a template what why do we do all this for this result where we did all

this and he’s got to keep going i mean he’s not even close to being done he’s there’s so much more to go

i mean hours and hours and hours left to go why go to theme forest just buy a template fill out the content

like what are we doing that’s what that’s all the ai is doing here it’s just there’s a way harder way to

get there i don’t know i don’t it didn’t i didn’t understand why all this was necessary um i’d much

rather have a professionally designed and developed template that i’m going to swap out content for

am i am i what am i missing what am i missing that is this just fun is this uh no what it is what it is

is is the money grab that’s what it is this is the grift this is the i well it doesn’t feel very good

to go to the like i go sell somebody on a custom website or whatever and then and then i go to

theme forest and grab a template and i swap the content out that’s not sexy that can’t be the future

that can’t that there’s not enough complexity there to fulfill my grift you know this feels like oh this

guy is actually doing something you know that oh oh i gotta well i’m a prompt expert i’m i’m the bolt

expert i’m the lovable expert okay they’re they it’s this uh it’s hollow it’s empty but to i guess to them

it feels like they’re actually selling something you know uh it’s a problem it’s a problem because nobody

that actually wants to get to the end result of having a freedom funnels website would be like well yeah

this is way better than getting a template that’s professionally designed and professionally developed and

putting really good content in it that would be that would be way more preferable than this nonsense that

we’re watching here um so yeah that that’s like it’s to me it’s just this is how you fulfill the grift

we have to have there’s gotta it’s gotta seem complex in some way like why would anybody pay

if it if it doesn’t have any complexity if it doesn’t require some sort of insider knowledge

right or insight or experience or something um yeah i guess i guess it just feels it makes the

grift feel better or something uh yeah i i don’t know so let me look at chat here let me look at chat

um

yeah people people are laughing about the theme forest thing um if it’s like just those add milk things that

they came up with that so the person cooking feels like they’re doing something uh it’s a little bit

it’s a little bit like that except the worse i mean you actually get good you know i can get good muffins

okay like relatively good muffins uh not adding you know just adding milk and an egg right like that’s

it’s pretty decent um and there’s no risk there’s no risk i don’t like the muffins i throw them out you

know these people are people are hiring these people man like this is lots of money going into this

and lots of consequences from what might come out of it but i just want am i missing something like

don’t you agree it’s like yeah so maddie’s like yeah ai is regurgitating pre-existing

shit yeah it’s like just buy the just buy a template what what are we doing nothing new nothing nothing

great is happening here um okay i think we’re all on the same page i think we’re all on the same page

drop a like on the stream we’re going to go into q a because i don’t i don’t want to i don’t want to

use up all of our time we’re halfway through i think it’s a good transition here into q a we can

also transition into etch uh let me go let me pull up where are we at here maybe a zip maybe a zip uh

install let’s go in here uh staging sites tabs too okay we’ll just use this one this one’s relatively new

if you didn’t watch my video before on on uh a more appropriate way to use ai to assist you in the

work that you’re doing um i i was able to create these tabs in about five minutes um vanilla javascript

vanilla css html just pop pop pop into etch and here you go dynamic dynamic tabs accessible right um so if i

i can use my tab to here i can use my keyboard navigation it’s got all the proper aria it’s got

it’s got everything it needs okay um and better yet i can touch it i can touch it right if i want to if

i want to tweak something i can come in i i can touch it all like here we go i get everything is right here

here at my fingertips um and you know it’s if it does if it spits back something that’s like i just

want to fix that real i can just fix it real quick i don’t have to keep prompt prompt prompt prompt i

don’t have to play the prompt game okay uh let’s go q a uh questions must have hashtag q in order to get

into the queue and be answered i’m convinced that a major part of our job as professionals is to educate

our leads yeah i mean i will tell you one thing is that we have to and i’ve been saying this for a

very very very long time but you got to be more than a web designer you got to be more than a web

developer you have to be a consultant now um you have to be able to steer your clients in the right

direction with more than just their website but pretty much everything that’s happening on the

digital marketing side of things because all of this ties in together you have to be able to drive

that ship for them you have to know about all the opportunities that are out there you have to know how

to deploy uh properly in all of these different areas you have to guide them in how they’re hiring other

providers to do certain things um there’s a lot a lot that you have to and that’s really what people

are going to be looking for especially as things get faster and faster and faster because

you know it’s hard we feel like it’s hard for us to keep up imagine outsiders there’s no hope

of them keeping up and so what they need are consultants to guide them people who are able

to keep up and people who are able to show them oh those are the landmines over there you you don’t

want to walk through that field my friend you’re going to lose a leg you’re going to lose a leg you

want to walk through this field over here that’s what they’re going to be looking for they need that

guidance and they need someone they can trust and they need someone who’s not just grifting the next

service from them okay um so the faster that you can start doing that for your for your clients the

more valuable you’re going to be and the more the longer you’re going to be able to stick around

uh okay let’s go to answer some questions okay is this to create private blog network or is it for

regular websites um no this was for they were here’s your website you have an mma gym you have a gym

essentially and um this is it i mean it just none of it makes any sense but they were essentially saying

hey there’s this concept of a you know hiring careers in mma kind of thing and if we build out

all these pages for you get a bunch of traffic now did they ever bother to ask like what kind of traffic

are we going to get with this strategy even if it works what they’re going to end up with

is a bunch of people coming to their site looking for careers in mma well if you’re a local mma gym

i mean how many people can you realistically hire right like it’s so and and then two most mma

gyms are not that concerned with like hiring people they’re more concerned with growing their

gym they’re more concerned with people who maybe want to do mma um so it’s just none of it made any

sense but it was for a you know local gym here’s an seo strategy that’s going to drive traffic and

at the end of the day is it going to drive traffic it might drive a little traffic of the wrong kind

until google catches on and then it’s like oh well fuck this gym

this is not this is not what’s supposed to be happening uh by the way it was all duplicated

content too there wasn’t near enough variance in in how the content was being generated for the

templates the whole strategy was bad it was just it was just a fail a complete fail all around and they

made an entire tutorial out of it they were like here is how you can fail a programmatic seo just follow

our lead ai will help you absolutely nuke this domain just do what we’re doing right here that

was and it’s just like it’s so over their head they don’t even realize they don’t even realize how bad

it is how bad the content is um outlandish outlandish okay let’s see uh who owns the content with these

tools uh well as far as i know you know you still own the content you still you still own the code i

mean this is you know the the ai tool doesn’t own it um how is content managed with sites built with

lovable i can’t imagine it’s going to be organized or dynamic like a true cms uh well you do have the

super based database right you could theoretically go into that and edit content or whatever needs to happen

there as far as editing the front end i i believe that you still just have to continue using lovable

i mean i get the code is there somewhere i guess if you’re uh an actual developer you could dive into that

if you wanted to but you didn’t write it and i think most developers will tell you like that’s

it’s tough it’s imagine me i’m like well let’s say i vibe coded automatic css the framework right and

but then i wanted to dive in and actually do something is that really going to be doable is

that is that going to be a one is it going to be doable two is it going to be an experience that i

look forward to i mean i you have to go in and decipher what has happened in the way that it was

done so that you can even start working on it so i think what ends up is you’re trapped in a cycle of

constantly prompting the thing again over and so the maintainability is all based on prompting as well

um and like we saw there’s so many things where it’s like dude if i could just get in there and

touch it like i could just fix it myself pretty quickly but i gotta prompt prompt prompt wait wait

wait prompt prompt more tokens more tokens prompt prompt prompt wait wait wait and in my experience

a lot of times it doesn’t just fix the thing that you’re asking like it’s gonna break something else

when it’s trying to fix this thing and you’re just playing it’s it’s like the um what’s the

carnival game where you’re just you’re trying to smash the things as they pop up like that’s kind of

what ends up happening a lot of times it’s just not enjoyable and it would feel to me very heavy and very

taxing uh to to maintain a project where that is the required workflow um so yeah i i think it’s kind of a

nightmare in a lot of ways can you describe what would be the consequences of this vibes up with google i’m not

sure just how consequential well like i said the i mean the worst that could happen is they just nuke the

domain and so they they essentially they put a rule in place where that domain will just never rank you

just it’s done it’s and um you know recovering from that uh not the easiest not the easiest to do it’s

possible it’s not the easiest to do uh but yeah that that would be that would probably be the uh

worst result and to me i wouldn’t even have any problem with that if i was google or if google did

that to a site that was doing that you generate 4 000 nonsense pages trying to game my algorithm

and and i’m not google right but this is what google’s thinking like and as an outsider to me

i’m like yeah nuke that domain fuck them i i and i i hate it when when i go to google maps and somebody

has obviously gamed the map listing by doing they’re violating things that are stated as this is a

violation they’re doing it anyway and because the algorithm can’t catch everything they’re winning

they’re winning that business for right now until they get caught but i’m not like oh man good on

them no i’m like fuck them the minute google finds them and nukes them i’m totally okay with that yeah

you shouldn’t done that you shouldn’t done that you cheated you didn’t just cheat google you cheated all

of us by the way like i’m a legit agency trying to get do legit tactics to get my client ranking number

one in the map pack and we’re doing every way everything the way it’s supposed to be done and we got

this clown over here obviously violating the rules beating us and taking our clients no nuke them

nuke them they should be nuked um yeah absolutely i i’m i’m totally okay with that

okay uh let’s see

uh when are you gonna review the franklin environmental environmental services website i don’t even know what

that is i i’m i assume you’ve submitted one for review uh i will get back to doing some reviews

maybe next maybe we’ll dedicate the next wdd live to getting back to some reviews uh is etch mature

stable enough to use in production as of right now no it is not production stable there are people using

it in production i am using it in production um but it is not technically production stable and the people

who are using it in production are doing that because they know and understand the risks and

they are willing to go fix something if it breaks um and so there’s going to be some refactoring that is uh

getting done um so you know component a part of components could break a part of loops could break a

part like you know there’s still a lot of things that could potentially break but if you’re willing to take

to take the risk like i’m willing to take the risk i’m also saying if it’s a manageable project you know

don’t do some like outlandishly large complex project um with a non-production ready tool but

if it’s your personal website like i’m doing geary.co again um and i’m doing it for a very good reason

because in order to figure out what the limitations are and prioritize features we have to we have to see

what that is in the real world not just guess like we have to build real things um of consequence and

see where the roadblocks are and then that becomes the feature of prioritization okay so for example uh

i ran into the limitation of nested loops on the new etch website with the change log i’ve done almost

everything on the on the etch website rebuild that i need to be able to do um and nested loops is one of

the last things along with uh pagination will probably be one of the things too and so that showed me okay

that’s why we need to prioritize we now have to tackle nested loops we now have to thinking about all the elements

that are going to get like and some people might see this as um a weird order to go in for example

if you said kevin what should you build first accordion carousel modal uh pagination or something else

well obviously people like i mean pagination yeah okay that’s might be useful but uh you know let’s go with accordion

let’s go with a carousel let’s go well actually we’re we’re gonna probably do the pagination first

why why would you do the pagination first well one there’s a php component to it it’s a more it’s

it’s a much more complex thing and two i’ve already demonstrated with the new javascript capabilities

in etch i can do accordions carousels modals i can do all that stuff in five minutes uh even if i don’t

know javascript i can do it in five minutes because i can i can use uh an llm to do the javascript part of it

uh and it works and it’s functions accessible it’s all everything i need and it’s just that one little

piece that was missing right i have a pathway to doing that i don’t really have a pathway to pagination

we we kind of have to handle that all right uh it’s a it’s more complex so and i need it and it’s a

roadblock so like we got that’s what we got to do so that’s where the prioritization comes from comes from

real projects and real roadblocks in real projects uh so yeah that’s that’s why i’m doing it but i do know of

people who are building small production websites with etch but they also have stated they know the

risks they’re willing to fix it if it breaks they’re not expecting uh changes to always be backwards

compatible they just they’re willing to do the risk okay and why are they doing it because they love etch

because they like once you use it you don’t you never you don’t ever want to use any other environment

again um the freedom the flexibility the the i mean go watch the video of just how insane some of this

stuff is when i paste in html and the selectors get added automatically and um the the nesting capabilities

and then just popping javascript in with that component like the component functionality uh it’s

it’s uh it’s it’s really getting fun it’s really getting fun

um the templating right the ability to go here like i don’t there’s no magic areas for templates it

auto detects your custom post types it suggests what kind of templates you might want based on what’s not created yet

um and you can edit and you can do all of this in line and you don’t have to go to like it’s just man

it’s so fast it’s it’s super efficient and it’s just really nice okay um

our single okay hold on i i lost my spot okay here we are our single post templates for custom post

types supported an etch absolutely absolutely um okay so single post templates for custom post types

yeah uh so if we look here we don’t have any custom post types on this website so now right now you still

have to go to the magic area of acf but uh this is another thing that we’re look the tabs are right

there in gutenberg for you um okay so we’re gonna go to acf we’re gonna go to post types okay we see that

there’s none now very soon this will be another thing heavily prioritized in the coming months of

yes we want the cpts to be able to be created inside of etch then we’ll move on to the custom

fields side of things now there’s full support well i shouldn’t say full support there’s robust support

for acf already in there um and really we can we’ve been able to pull from native custom fields since the

very beginning of dynamic data uh but we’ve put specific support in there for acf now so like acf

uh images are fully supported and um url fields things like that is all fully supported now so

that’s really good uh formatting of dates the date function formatting is all in there now for dynamic

data so that you can do that but let’s just quickly add a new post type we’ll say like services and service

and services and uh we don’t need to really do much else okay so we now have this services uh cpt in

here so i’m going to go back into etch and when i go to my templates area look there you go right and

so you can create there’s your single services template now it knows that archive is was not

selected as an option therefore it’s not suggesting an archive template but if i enable archives then it’s

going to also say do you want to make an archives template for your services but i i have literally

just created my services single post type and now i’m editing it right here um and so everything is

happening in line you can get to everything instantly it’s really really nice um there’s a

content slot for pulling content dynamically from gutenberg um and it’s automatically pulling my main

template as the starting point if i had a header and footer in my uh in my index template as it’s called

my header footer would already be here in this template waiting for me so it’s already pulling

in whatever is on your index it uses that as the starting point so you don’t have to manually add

your uh header and footer component which i don’t even have a header footer component on this install yet

uh but yeah so headers and footers are not templates headers and footers are components and you just put

them wherever you want them uh they can have conditional logic inside of them we have

already what is the most robust conditional logic engine available in any environment it’s only going to

get better and better and better uh there’s going to be you know else’s there’s going to like it’s

it’s going to get really fun um yeah it’s i mean yes so the answer is yes that was a long way to say

yes you could do single post for uh custom post types in etch um okay let’s see how easy is it to move a page

made in bricks into etch oh my gosh that is a really really good question well uh let’s go to day for

i’m gonna i’m gonna tell you i’m gonna explain to you what’s about to be able to happen um

one right now okay um here’s what you can do right now i could take copy uh element okay so this is

essentially all of the html for that section right here and i could paste that into etch and the problem

is getting the styling for it so obviously this is not going to look like this until you have all the

css that goes with it well how do you know where first of all where is the css that goes with it and

how do you extract just that css right that’s a bit of a problem um but it’s not going to be very soon i’m

going to explain the workflow to you very very soon now if i want to steal this entire page what i would

essentially essentially be able to do is i would be able to just grab the url and i would come feed it

into etch’s importer and it would parse out the html it would put all the html on the page which

obviously generates the blocks the structure panel it also auto authors everything into gutenberg at that

point so in that one instance you have stolen this page okay you have all the html and it’s already

been created as blocks and gutenberg and everything is the way that it should be it just would not have

any styling on it but what the importer will also do is it will scan the style sheets all style sheets

that are on this domain it will scan them and match them with the html that i gave it and say okay that html

requires these styles and it would parse that and import those styles for that page uh and then the

page would look exactly as it looks right here you should be able to when we’re done uh do that at the

url level okay now what you’ll also be able to do is manually come in and say i only want this hero section

and so you take the section and you go paste it into etch okay let’s get out of this template right here

um let’s go back to post all right so we’re on this page i don’t think we need the tabs anymore we can get rid

of the tabs um so i’m just going to go with a flex just add anything you want and then you can replace it

oh we need to actually grab we didn’t we didn’t grab it apparently copy copy element okay i think it’s copy

element i think it’s the right function um yeah now there’s some parsing issues that we have to work out i think

they’re with image it’s you know what it is it’s anything with a self-closing tag i just found it right there

um so i think because when you copy it it doesn’t have the forward slash or the forward slash gets

parsed out or something or but that is the html right there being rendered right it just doesn’t

have any styling and you see it’s all look we got home hero i mean it’s it already named it the things

that it is as well um so that’s all nice right i think that subhead yeah because we detected he’s using

bim and we have a bim detector and when you are using bim it uses the extensions to label your

things that’s why it’s called home hero and that’s why that’s called subhead it’s pulling that from the

selectors that we put in okay or that he put in and it look it’s assigning these selectors to the

elements it’s parsing them out and attaching them so i don’t have to it’s not like i just have html

sitting over here and then css that’s going to live somewhere else so what is the next step the

next step is i got to get the styling for only this section you can’t there’s no good way to do that

uh like manually you can’t you can’t just come in here because it’s like there’s some default classes

on here with some default styling that he’s probably relying on and then there’s the custom css that he did

and where did he put that custom css did he even do that in bricks did he do it in a css did he do it

some like and then there’s a css classes on here okay so what is the solution well it doesn’t matter

what framework he used it doesn’t matter it doesn’t matter okay you’re gonna be able to take that url

and you’re gonna go into etch’s importer in the style manager and you’re gonna feed it that url and

it’s gonna look at this html and it’s gonna look at all the style sheets and be like oh okay i see

what css you need for this particular section right here and it’s gonna just pull that out and

it’s gonna attach them into these actual selectors right here um that are on the thing and then that

section is gonna come to life and you don’t have any css that you don’t need you only have the css

that you actually need um and it’s all in there just like you authored it just like you did it okay

not like it was just sitting in some imported area um so yeah this is uh

right now you know people i’ll tell you the tailwind secret you know why people love tailwind

because tailwind is a is a an encapsulated environment essentially where if you have tailwind

installed and somebody built a website in tailwind you can literally go steal just the html

because all of the tailwind styling is in the html so what people do i am convinced that there are

very few people who actually sit and write tailwind okay i’m more convinced that people just steal tailwind

templates and sections and all of this and compile pages like this or they have ai write the tailwind

for them the idea that somebody sits there and writes class after class after class after class

manually and by the way i’ve watched them do it and it’s slow as fuck and it’s super like it’s just i

i’m just not convinced that’s how most people work with tailwind um correct me if i’m wrong but like

you know i just i feel like i feel like that’s what’s happening uh because i don’t know why anybody

would want to live that life by the way you can see you know much more of this um it’s uh you know we we

have the expansion uh capabilities now like you can you can get a lot of real estate here um okay so

anyway this is what’s going to happen now this will be the first time i think in the history of the

internet where you can literally take a section of a website and import it without any drama or

shenanigans or additional code or nonsense um not sure that’s been capable in any other environment

certainly not a wordpress environment um and and have the flexibility to to then go in and do

whatever you want with it after that right uh it’s it’s wild it’s wild um you should also be able to

then also parse the javascript that’s necessary for anything maybe happening in this section bring that

in if you wanted to um or you could just take this now let’s say this had an accordion in it and the

accordion’s non-functional because the javascript didn’t come with it you could take

this code okay and uh let me explain this too see this e right here this etch this at you’ll see

these e’s in here essentially metadata metadata for these elements that directly ties to things like

the structure panel okay um and so you can take i don’t think this is possible in any other tool either

you could take the html that etch has already processed and obviously it’s labeled and all of this

stuff you can feed that into an llm and be like hey there’s an accordion in this section and i want

you to find the selectors for it and i want you to write javascript to make it work and it’s going to

spit back javascript and it might change the html and if it has to change the html you want to be able

to take that html and paste it back in here without other shit breaking like maybe you’ve given these

these things custom names now and you don’t want to lose that work you’re not going to lose it because

when you paste the metadata these are this actually expands into into actual metadata in the html and

when you paste that into grok or claude or whatever and it rewrites the html it’s going to spit new html

back with this metadata still in it especially if you tell the llm like hey retain all the metadata in

this html it’ll spit it right back to you and then when you paste it back in all the work that’s all the

data that’s stored in that metadata metadata will still be there it won’t break so you can go back

and forth with llms even after you’ve customized this stuff and not break your your your code um so yeah

it’s just the the flexibility is going to be absolutely tremendous okay um let’s see

so we really are going to have to fully name our css and bim with agency name to stop all those copy

paste junkies there will be ways um to prevent there will be ways to prevent it uh from being from being

taken let’s say you’re a third-party developer and you’re like like ed aware is probably watching and

he’s like whoa i mean why would how would i build um uh what’s this what is what’s this product called

somebody help me out i can’t whenever i have to think of a name for something my brain’s like no i

don’t want to do that right now um but you know what i’m talking about right third party or like frames

even you know why would somebody buy frames they can just with etch they could literally just steal it

right well there will be ways to block it okay there will be ways to block it um and if you’re a third-party

developer we will we will let you in on those secrets okay um but yes you will you will be able to block

it bricks maven thank you bricks maven uh there will be an etch maven i’m sure i’m sure there will be an

etch maven okay uh let’s see i want to get back to by the way i just i use dave’s site because i i just i

like dave a lot you know dave’s dave’s dave’s a cool guy um because lita said i just popped in why

is dave voice face plastered on my screen um yes so we can we can do that um okay let’s see here

let’s go back to let’s go back to q a how are we doing on time okay good we’re good we’re good all

right let me search hashtag q okay let’s go find where i was

uh where can i submit bug reports for etch oh good question so um uh what is the well i know where

that i know what the url is so digitalgravy.co uh slash report bug but oh the link is on here

we’ve we’ve just done this recently where we created this publicly available this is for transparency we

want to max transparency um into like this is all products okay so as you can see right now there’s

not much we’ve we’ve fixed a lot okay with etch um there’s a couple bugs here this is one that i put in

you can i mean you can see who submitted it you can see like full transparency on what bugs have been

reported what stage they’re in um all the stuff going on with them like you go to acss you’re going to see

more uh you can go to frames you’re going to see and so we’re this is relatively new but this is a

publicly accessible it’s db.digitalgravy.co slash bugs and at any time you can see all of the reported

bugs the status on all of them you can search through them you can you can do all this stuff

it’s and it’s for every product uh in the digital gravy portfolio which is i think really nice and i’m

not sure of any other company that’s actually done anything like this to this level so um

again we just want to do this for full transparency and uh also just so people can find issues and see

hey has that been reported maybe i don’t need to report it um or i reported something what’s the

status of it or uh they saw somebody else reported something and they want to keep up with the status

of it yeah that all of this is available to you now but that was your answer digital gravy and you

don’t have to go to each domain now to report bugs um you can just go to one single place report bug

and then you fill out this little form and you’re good to go by the way this site was built in etch

yeah the site is built in etch uh these are loops these are components these are all this is componentized

got our loops going um and if we go to our support we can see you know we are even ws form working

through etch already i mean you’re you could build you could build sites with it okay you can build site

this is a production website um all built with etch okay we can close that we don’t need that

uh are you looking into ai agents and if yes how can they be useful in your workflow well i’ll tell you um

so etch will have its own uh llm inside of it trained on etch so it will know specifically how

how it’s supposed to interact with the architecture of the of the environment um and you will be able

to converse like you know the thing the video that i did where i’m asking it to go to chad cn and

and and get the uh what was it tabs i was doing tabs i did an accordion i did you know i’ve done

a lot of them now and i’m feeding it documentation i’ll be able to do all that directly inside of etch

and i won’t have to go back and forth and copy paste and blah blah blah blah blah um it’ll just be able to

do all that for you right inside of etch and it’ll also if you want if you elect for the model it’ll be

trained on acss as well so when it writes css for you one it’ll already know to use nesting it’ll already

know to use bim it’ll already know to use acss variables and tokens like all of that will be

done for you so if you’re working within that model there’s not gonna be a lot for you to fix like what

it spits back for you is highly trained on that specific workflow which would be nice now if you

don’t use acss there will be a model that doesn’t use acss right um if you want to use tailwind you

can use tailwind wind press or whatever they call it um they already released an etch integration

so if let’s say you do love tailwind and you’re like we want to use tailwind and etch cool all

right you can use tailwind and etch there’s nobody stopping you from doing that um and there will be

an llm that’ll be trained on spitting back tailwind code uh so this is a free open like environment

there’s no prerequisites there’s no requirements of what stack you have to use in order to use etch

you can do whatever you want um and that’s that’s it that’s that’s what we wanted to build

mm-hmm looking for the market uh looking for the market research walkthrough video the opportunity

report mentioned in your sample proposal uh does not include it were those uh there is a walkthrough of

those not there’s not a walkthrough of how they are generated but there’s a walkthrough of uh

uh of samples of those things did you find that video have you watched the sample videos because

there are samples there is a video of the samples uh can we expect more templates for frames uh yes

but they will be um it depends on yeah well one we have to build the entire library for etch

uh we’re just not quite ready that we’re very close to getting started uh there’s a few more

prerequisites that have to happen but then if you are a frames license holder those will start to

become available to you inside of etch um then the question is on the bricks side right obviously

maintaining all of the existing ones they’re most likely as long as as long as the bricks ecosystem

continues to thrive those will continue to get added on the brick side of things as well it’s just a

little painful because like i said once you’ve once you’ve worked in etch you if you go back to bricks

it is noticeably slower noticeably lots and lots and lots of more clicks and hassle and magic areas

and it’s just not as good of an experience it’s just very it’s people it’s not just me to like

anybody that’s used that will likely tell you the exact same thing um so it just is like uh like

imagine if you switch to bricks from elementor and then someone was like hey i need you to go back

into elementor and build x y and you’re like ah really do i have to um it’s it’s kind of the vibe

not saying we won’t do it or aren’t going to do it it’s just kind of the vibe it’s just kind of the vibe

uh but as long as that ecosystem is still healthy um you know we’re gonna continue doing that so

it’s uh but you know it’s like the oxygen thing there’s no guarantees like if for some reason that

ecosystem starts falling behind or the numbers don’t make sense or whatever we have to reevaluate just

like just like we had to do with oxygen um because it’s at some point the math just isn’t math anymore

and it doesn’t make sense uh so it’s it’s when i make a when i say yes it’s not a yes forever it’s just

for for right now yes uh but there’s constant reevaluations that have to happen

does the frames account we have work with etch yes it will uh did my invest did my etch investor

plan not come with access to the inner circle none of the plans came with that none of the none of

nothing has ever come with the inner circle the inner circle has always been a separate thing now some

people get confused because the support community for etch the support community for acss those are on a

platform called circle um you do get access to those things the inner circle is a different private

paid community that was that’s never been included in any products um will etch also import the javascript

eg cards with a glow effect that follows cursor um so here’s the thing yeah so i believe so it depends

on how the javascript is published and where it is published i believe um it’s it’s one part

that we still have to look into however you can there’s multiple pathways to still achieving that

effect whether you have to use an llm or maybe import the javascript manually or whatever now if

you look at something like code pen so if i come to code pen and i find like let’s let’s just type in

like glow cards or something i don’t i don’t even know what we’re gonna get here you go magic card

i did an insider okay this doesn’t have any javascript but it’s a good example okay i did an

insider in in it was actually in the etch office hours live stream last month where i got a very

complex card situation it was actually a card situation that um kevin powell had done a tutorial on he got it

from code pen then he did a tutorial on recreating it i believe and he spent like an hour or something

trying to just recreate it like not just like come up with it from scratch but just recreate what was

there um and and i did it in the etch live stream where i just stole the html pasted it into etch stole the

css pasted it in the etch stole the javascript pasted it into etch i don’t think that there was javascript in

that one but if there had been right here sitting here you could literally just steal it paste it into

etch that is just done so like a code pin scenario because code is nice because well it’s kind of nice

it’s nice because it’s boom boom boom here’s the things for this specific element it’s not an entire

page that you’re dealing with it’s not an entire website that you’re dealing with it’s boom boom boom

for this specific thing and that is perfect for etch because you can go boom boom boom paste paste paste

save works done okay um now the one caveat here is if they used sass instead of vanilla css that’s a

problem okay and we we have we planned initially to have it sass powered but we’re on the fence

currently about whether we should actually do that or not uh i’ll go into detail at some other time on why

and you know how much i love sass so it’s not a technical like we could easily do it it’s a question of

should we build in that dependency it does add a dependency and it and it it also comes with some

other consequences there’s it’s it’s not like sass comes with no consequences sass does come with

consequences okay so we’re just on the fence right now weighing all of that okay um so that would be one

thing if they use sass that would that would be difficult to steal now with the new importer you’ll be

able to steal the you could go into here still right and feed this into etch and it will parse the

style sheets and when you’re parsing style sheets style there’s no sass style sheets like sass gets

processed into vanilla css at that point you can steal it okay and etch will just steal it for you at that

point um the other thing is if they didn’t use nesting now again with the importer it won’t matter

but in code pin if you’re just trying to manually steal css you’ve got to do a lot of like you’ve got to do a lot of

looking at like okay what the hell are they doing here there’s a lot of unnecessary stuff too nobody

needs this you don’t need this body css right um it would be nice if this was nested uh because that

makes life a lot easier but you know it is what it is it’s fine with the new importer none of it’s going

to matter the new importer is literally is feed it a url tell it what you want to steal and it’s done done

deal okay sounds like vibe coding is coming to etch um it’s not the design i mean obviously you could

vibe code in etch uh that’s not what we are promoting we’re promoting ai as an assistant to the work that

you are doing you are doing the work you are steering the ship you are adding the blocks you’re styling it

you’re writing your own css for the most part and you get to a part where you’re like ah this is repetitive

i want as i want ai to do this for me or i don’t know i i know html i know css i’m trying to build a

carousel that’s super custom i don’t know that i don’t know javascript enough to do it so i’m going

to ask ai to do this little part of my project not i’m going to ask ai to do my entire project and at

the end i’ve got i’m gonna have no idea what’s going on and like that’s not what we’re that’s not

what we’re uh advocating for here okay um how will ai be implemented into etch can we bring our own api

keys or do you have other options planned like i said there will be a native llm that is trained on

etch trained on acss um probably multiple models that you could potentially choose from um i don’t know

about bringing your own uh api keys yet we haven’t even really had this discussion in detail but i know

one issue with it potentially is it’s not going to know how to interact with the interface potentially

um if you look at page builders that use ai right now a lot of them are restricted to just content

that’s all it does um and in some cases where it does entire structure there there are some issues

there’s some limitations there’s and we don’t want any of the issues and we don’t want any of the

limitations we want the model to be trained on etch and do everything right and do everything

seamlessly and flawlessly uh and that requires a trained model um so if you’re not using a trained

model you’re you’re not going to have the best experience and so yeah it’s a lot to figure out

we got to cross those bridges when we get there

um

okay that’s done have you have you done page speed tests between similar builds and etch and

bricks how much faster is an etch site um yes we have we have done benchmarks um it’s significantly

faster it’s not done yet like if you look at digital gravy the output and here’s what you have to

understand let me go to digitalgravy.cl okay um and let’s look at something in particular let’s go to

digital inspect okay uh yeah so like these scripts down here okay um the block editor adds a lot of

css and a lot of javascript that’s not actually necessary and we have that’s one of the areas that

we haven’t gotten to yet because it’s not a top priority of going in and building remember we’re

going to have our own little performance dashboard okay so you’re going to be able to go in much like

perf matters and be like nah nah nah nah disable disable disable all the bullshit that comes with

wordpress in general and the block editor in general you’re going to be able to turn all that stuff off

and essentially get to the most the cleanest html and the cleanest css that has ever been possible in

a wordpress install that’s what you’re going to be able to get to and even not being able to do that

quite yet it’s still significantly faster than even bricks which is already very fast i mean bricks is very

performant but etch is already significantly faster um and it’s significantly with acss installed

which i haven’t even gotten to the point of if you go back and look at our selector system and our

parsing okay so if i um uh if i imported html i don’t even know if we have to import html to to show

this okay let’s just let’s just put grid three on here and let’s put uh three flex divs so there’s

my grid three right there so i’m using acss and as you know in acss you can go in and and and now if

you’re if you haven’t if you haven’t um there’s still this fucking hold on let me save this this is

an acss issue that it only happens on the very first uh opening of your dashboard um it’s when you try to

grab it it likes to fly around um we have to go back this it’s the most persistent little visual

thing and the here’s the challenge with it we don’t know what causes it and it’s you can’t recreate it

if i tried to recreate it now i wouldn’t be able to recreate it if i could recreate it i would know what

the hell is causing it but you can’t recreate it once it’s happened and then it’s like how do you find

it how do you find out what’s happening with it right so um anyway we have if you haven’t kept up

with the progress this is now if i turned all of this stuff off okay this didn’t happen before

i can go classless which will turn all of this stuff off and if i go to there’s a new panel now i don’t

you actually haven’t even seen this version there’s now a variable manager you can go in and turn off every

variable okay let’s do this just do all this do all this okay you want to turn all this off now we

didn’t make a master off for this it’s very dangerous turning off variables is very dangerous you got to

really know what you’re doing okay and you got to read you got to read okay know exactly what’s going on

here but and you wouldn’t really do this nobody would really do this but we did it to prove a point okay

um and i can even go in here turn off the resets you’ve never been able to do this before okay i’m

i’m just showing you and then i save okay um and you could do the same thing with gutenberg in there

all right perfect that just destroyed my website like this it’s all has no acss at all you can get

down to you ready for this zero kilobytes zero if you go to the acss style sheet right now it will be

blank literally blank and then you turn this on and you hit save and you go look at it only the reset

styles will be there and it will say reset styles okay there it’s every module now is commented and

every module is controllable so you could literally have a zero kb framework which is not a framework you

don’t have anything but you could literally just piece in exactly what you want okay i want the i want

the color partials i don’t even want the regular color variables i just want the partial variables okay

turn those on there they are okay so you’re only loading exactly what you ask for now that’ll be good in

something like bricks where you want hyper control of the performance of the framework and control of

exactly what you’re using and not using that would be great for bricks or breakdance or whatever but

etch because etch has a different architecture etch is an era four tool here’s what we think is going to

happen with acss in etch you do the opposite in etch you turn everything on everything turn it all on get

it all at your fingertips okay so this is what you do in etch turn it all on okay remember we wanted this

to be very manual because it’s very dangerous it’s very manual now this one’s not so dangerous okay you

could just you could just turn them all on um and i think we got to get the order in there uh as well

so we’ll just hit save so now everything is on everything is at my fingertips the website’s going

to come back to life yada yada yada did i do the um i did that okay variable manager and then ah my defaults

i gotta turn my defaults all back i was wondering why my section padding did not come back to life it’s

still off okay let’s turn that on so i turn everything on and then what etched oh you don’t

want to turn on overflow detection overflow detection is a very uh it’s only when you need it don’t turn

that on okay good so here we are we’re back to life but now i have everything at my fingertips and i’m

going to look at this and i you see i used grid three well etch is able to see what selectors you’re

using and it’s going to be able to go into the acss style sheets and say we just need the css for that

we don’t need any of the other stuff’s not being used here um and so now effectively with you have

every acss option at your fingertips and the freedom to only load what is actually used because we’re going

to take the acss style sheet in etch and not load the entire thing we’re just going to feed that into etch’s

parser and etch is going to be able to determine what’s necessary from that style sheet and only load

what’s necessary for the page done deal so now in s you can’t do this in any other builder obviously

because they don’t work like this but etch will be able to see what you actually need and only load

that code and it will be flawless it won’t be the reverse where you load the entire thing and some

parser has to come in and figure out what was used and remove things no no no no no no no this is much

cleaner much safer okay uh and still hyper performant so that’s what’s coming to etch all right i know we’re

getting against time i want to check in with chat here real quick and then we uh

yes it will effectively be um it’ll be the same performance standard as tailwind that’s another

reason why people use tailwinds um because you know they essentially have uh on-demand styling right

okay but this will be with bem and vanilla css and all the flexibility that comes with that

uh and the ability to steal you know css and html from other websites and then tweak it and adjust it

and change it and do whatever you want with it um yeah when the importer is available does it also

import the loops and cpt on the page or do those sections need to be rebuilt really good question there’s no

way to import the loops because the loops is uh php generated behind the scenes by these builders and

um i don’t even know if that’s you know even readable on the front end really uh but what will end up

happening let’s go to digitalgravy.co as an example real quick so i’m going to come down and i’m going to

look at something like this section here okay so there’s four cards these are components they are

also loops when i steal this html if you look at the html there’s no there’s no indicator that

these are components or that they are being looped uh etch leaves no trace no crumbs okay there is it’s

literally just html that’s all it is zero indication that this is a loop zero indication that these are

components in etch uh all you get is the clean html output that’s all you get right so there’s no way

to like parse that into loops which also would have to match the keys in your database for the custom

post that’s just impossible okay but what is the workflow well the workflow is when you paste it in

so let’s say i pasted it let me let me actually let’s go edit that page am i logged in to digital

grave i don’t even know okay i’m not logged in let’s go to we’ll just we’ll log in real quick and

take a look at what what would the workflow be um so let’s go to pages and let’s go to home edit with

etch okay here we are so here you go you can look at it right here here’s the loop here is the product

card there’s a problem in uh it’s actually with acss right now if you notice this is gigantic text

uh we have a setting in acss that we’re experimenting with this is an unreleased copy of acss by the way

that’s why you’re seeing these these uh these issues so if i go into is it workflow in hand no it’s

options it’s a it’s uh plugin settings here you go load framework styles last okay we’re in the middle of

the huge refactor right now where we’re not going to need the duplicate selectors anymore we’re not

going to like it’s so much it’s going to get so clean um clean as a whistle and then builders and

it doesn’t matter like bricks oxygen they’re not going to interfere with acss because of how we’re

loading styles with this option um but it’s causing some leakage into etch right now which we’re uh

matteo already has a fix for it i just don’t have it in this build

so anyway i was explaining why these are this is gigantic text so just ignore that

um you’re going to see the same thing in this loop it’s spilling into here as well

but here is the component and so what you’re going to end up with is essentially the html which is the

product card right here and the css which means you’re going to have these cards that look exactly

like this but they’ll have static data in them and so then what you want to do is say oh i don’t have

a product cpt yet i’m going to go make a product cpt now you have a product cpt well you

already have the card built for it so all you do is add the loop right drop the card into the loop

and then put the dynamic data tags in and hit save and now you have a loop and now you have dynamic

data and now you have a cpt and so it’s not going to be a lot of work to recreate the looping and then

you right click it make it a component add the props done now it’s a component if you want it to be a

component um and so but you’ve stolen effectively or migrated effectively one of the harder parts which

is the actual card design the html the css that goes with it that’s really the time consuming part

dropping in a loop not super time consuming right clicking making a component adding a couple props

like the title the description the product url not really a problem that’s all very very easy okay um

and then you end up with this you have a working loop with dynamic data and you’re good to go

okay um

yes rob says he’s looking forward to etch office hours on friday always an exciting time and if this week

goes well if this sprint goes well we will have three relatively big new features to look at i hinted

at one of them earlier uh and the other two are going to be fantastic as well it’s going to be a very

fun friday if everything comes together i’m i’ve got my fingers crossed that the sprint continues to go

well it’s already going well but we’re trying to get three big things out the door this week because

we’re in basel next week and we’re not going to be doing anything next week so we’re we’re we’re

yeah we’re hyper focused on this week right here we really want friday to be a good friday

all right i think we’re going to call the uh stream at this point and uh be disciplined to our stream time

i’m at one hour and 34 minutes hopefully you guys got a lot out of the stream today be careful of the vibe

coders all right they’re coming out of the woodwork they’re going to be doing a lot of damage to your

clients okay you got to protect your clients against these people uh if you have any additional questions

drop them in comments below i do come back and any interesting question in the comments i will answer

it uh do not put them in the chat past this point i will not see it uh drop in the comments below but

i will see you guys again soon thank you for the support thank you for showing up we had over 200

people today that’s fantastic i love it i love it i’ll see you guys again very very soon hit like

hit like on the stream hit like don’t leave without liking don’t leave without like you gotta pay with a

like okay it’s free you gotta pay with a like see you guys soon

Thank you.