0:06
how's everyone doing today excellent we are live first live of 2025 super
0:15
excited uh sorry I'm a couple minutes late uh
0:20
yeah usual technical glitches all right let's get
0:25
everything set up here
0:32
all right actually if you don't mind what's up Josh Mr Powers excellent we
0:38
got uh I'm going to I'm going to make a quick run I'll be right back
0:58
sorry e
1:55
okay guys oh oh yeah that's fine okay
2:01
yeah I went for milk yep [Laughter] exactly actually you know
2:07
what my wife left and I just know in the middle of the live stream the oven is
2:12
going to beep uh and I have to take whatever the heck is out um so that it's not completely destroyed um so sorry
2:20
this is a live stream life happens one more
2:28
second
2:58
for for
3:33
W guys good thing I checked cu the time I already went off totally didn't hear it man I am uh I am alive another day
3:42
okay this is great Joe at home yeah totally okay sorry about that
3:47
guys I was uh hustling and hustling to get stuff ready for this live stream and
3:53
cut time super close so oh [Music] well got to bring that yeah it was a
4:01
meatloaf turkey meatloaf everybody that's my dinner uh
4:08
tonight oh man ran up the stairs Catch My Breath here
4:14
okay [Music] um hope everyone's had a great New Year
4:21
and uh yeah getting ready and rarin to go um we got all kinds of amazing stuff
4:27
hopefully you read my newsletter that I sent out was it yesterday today day before
4:33
yesterday and uh yeah caused a little bit of stir with some of the the new things that I
4:40
announced man I need to run a little bit more Jesus
4:45
Christ okay J something excellent J
4:52
[Laughter] excellent um you know I this year if you didn't
5:00
know so uh I I put out a laundry list of things that we're going to be working on
5:05
um in the first half of this year well probably all year but um there's five things I'm I'm particularly working on
5:11
at the beginning of the year obviously um Foundation 6 I'm sorry Foundation 6
5:17
total CS 3 um which yeah uh the I shipped the
5:23
final major feature of um like the user facing features uh of that um in the
5:30
betas uh the next betas that are going to be shipping are going to be you know maybe fine-tuning fixing some bugs and
5:36
getting ready for release basically okay so um my goal is to have it shipped by the by The
5:42
Summit which uh is April what did I say that was April 11th
5:48
it's the second weekend of April um 11th through the 13th okay um I just got
5:55
confirmation from the big guy that um we're ready to rock and roll for that weekend so super
6:02
stoked so be prepared for some uh some Stacks uh Stacks app news by then
6:09
fitness app on your phone Joe thanks thanks um you know I have a I have a
6:14
great rowing machine that my wife's been organizing a room a little bit and it's been like a box rack and uh I keep using
6:23
that as an excuse not to use it but I really need to okay anyway so uh back to
6:29
it April 11th uh through the 13th um just got again just got confirmation
6:34
from the big guy and I know uh some of the speakers are already here today uh some people that have already said
6:39
they're going to speak if you'd like to speak uh please go ahead and uh yeah ping me just shoot
6:46
an email or DM me on uh on the community and uh we can we can talk about all that
6:53
stuff um on top of on top of that we have um here let me
7:00
go ahead and share screen a little bit here uh I I didn't tell Gary and Kevin
7:07
that I'm doing this I don't know I'm not sure how open I'm going to be about this
7:13
process all right but and I have too many windows open now let me oh there's my screen okay hope you guys are see my
7:20
screen now um all right um I uh I was contacted
7:26
by uh Gary lock and Kevin I don't remember your name Kevin your
7:31
last name sorry um Kevin and Gary um and yeah they they run this fine website
7:37
it's currently built uh on Foundry um and it is a massive project file like
7:44
thousands of pages so um yeah we're going to be using
7:49
this as a use case for total CS 3 I'm going to be completely rebuilding this site from scratch for
7:56
them um using total CS 3 because there's no better way to exercise your product
8:03
than to actually build a live website you know um yeah I can build test sites
8:08
and in theory do stuff right but building an actual site that has thousands of things in it um yeah it'll
8:16
be fun uh we're going to be exercising a lot of foundation 6 I want to pull some ideas out for what Foundation 6 next the
8:23
next version will be will that be Foundation 6 next Foundation 7 not not 100% sure yet I'm still teetering on all
8:29
that but anyway um that's even farther we got a lot of stuff to handle before that so yeah I'm going to be rebuilding
8:35
Greener camping club um I did tell Gary that hey I'm going to kind of use this as a flagship um not sure exactly the
8:43
process I'm going to go about in terms of what I'm going to share and whatnot I need to talk to them a little bit more in depth but yeah um if you're in the UK
8:50
cool little camping uh Club check it out Greener camping club.org uh soon to be running on total CS 3 and Foundation 6
8:57
okay so there's that okay uh let me put on my little uh my
9:04
little there my little cursor thing because I know you guys like my little cursor thing
9:09
um let's see what are the other things um obviously a uh I'm going to be doing
9:16
uh hosting uh this year okay so a big change um I don't know exactly when
9:21
that's going to ship um it'll Pro I'll be honest it's probably not going to be something that's going to be happening this quarter um but I'm I'm already
9:27
setting up um the environment and the servers you I've been building and running my own servers for years now and
9:33
I'm pretty good at it I have a pretty different workflow um than most people and uh yeah I think I can do something
9:40
different in that space that makes it maybe a little bit more user friendly uh gives you exactly what you need and
9:47
simple so that's what I hope and currently the company is called
9:52
better sight host but I don't know uh I kind of like that name I don't completely love it but anyway better
9:59
sight host um if you go to the website right now better sight host.com it works it's just a filler web page that I'm
10:06
playing around with the actual server environment so there we go okay
10:13
um then obviously we have um Stacks app okay and uh building out helping Isaiah
10:22
um you know work on getting Stacks ready for all of you making sure that um the
10:27
migration from um Stacks plugin to Stacks app is smooth right uh I want to
10:35
make sure that all of our existing plugins work um as of right now they they should um I haven't tested every
10:41
single one obviously but um yeah Foundation 6 is working he's made some TW tweaks to the theme API I need to
10:48
kind of make some updates to my theme and hopefully I don't know I don't have an ETA yet but um yeah hopefully we'll
10:55
we'll start seeing stuff I I did I did I'm going to for the first time publicly uh actually yesterday I got the green
11:01
light to start sharing a little bit more of Insider info okay so uh be prepared
11:07
maybe we'll do a live stream on Stacks Pro um in the future uh in the next few weeks so we can kind of get uh our ideas
11:16
uh around that I'd like them to fix a couple little things with the theme API um and also I need to make sure the
11:22
foundation 6 theme actually works so I can get a new copy out to people so when the beta ships we can actually start
11:28
playing with it so super stoked about that and along with that um is a lot of
11:33
work in terms of making sure you know a all the stacks are upgraded um and migrate my nicely um as well as uh
11:40
creating some new themes so if you didn't know I acquired the entire back
11:46
catalog of Nick Kate's themes and um yeah we're going to be
11:52
starting migrating some of those okay super stoked about that the first one I'm probably going to
11:58
do would which is one of my favorites actually is the reason theme from Nick Kates reason and reason Pro um really
12:05
like that one so that'll probably be the first one we do um and yeah hopefully you guys are going to like
12:16
that great present for my birthday oh Franco happy it's going to be your birthday in April 12th
12:21
nice hey super secret speaking about birthdays it is Isaiah's birthday this
12:27
Sunday uh I think that is what January 12th right boom yes January 12th is
12:33
Isaiah's birthday so if you want to reach out and say hey happy birthday want to give give yourself a birthday
12:39
present and give me a beta no just playing don't give him too much pressure I know he's working on it he's super super stressed about it and he's trying
12:44
to get everything done and out the door to you guys so um but like I said I've gotten the green light to start sharing
12:50
a little bit more info and uh super stoked about that okay uh but without further Ado let's uh talk about what
12:57
we're here for today and that is while I okay I'm going to build out a
13:05
complete web page or or a design form a little form that like dynamically goes
13:10
out and queries for UK post codes and injects it into a form now that use case maybe you want
13:17
that exact use case and if so you're going to love today but um this is really about how can
13:27
I I I have no idea hey originally I had no clue how to do this right I didn't know
13:35
um but I figured it out and we built it all in Foundation six and stacks and and
13:41
whatnot right so super stoked about that and yeah again just take this as a
13:50
workflow for what we can actually do using stacks and how we can think
13:55
outside of the box how we can take some more advanced things and build what we need not just what a
14:04
stack can do for us okay because I mean there are over
14:10
600 Stacks now maybe we've passed 700 not sure um so there's almost 700 stacks
14:18
and while that's a lot there isn't a stack for everything
14:23
right there isn't there wasn't a stack to query for UK postal codes and update
14:29
forms based on the postal code right I mean that's quite a niche thing that
14:36
most likely is never going to have a stack for it but what I try to do is I I when I
14:42
build a stack I try to build things that are flexible so that we can utilize them in ways that we can color Outside the
14:50
Lines per se right and uh so yeah let's let's dive in uh let's go ahead and look
14:56
at what we are going to build today
15:02
um I already have obviously I already have this finished but what I want to do is I'm actually going to go ahead and
15:07
completely um rebuild this from scratch okay I'm going to try not to do any copy
15:13
pasting from uh what I already have which uh hopefully I need to share my screen so you guys can actually see what I got
15:19
right okay so um in this we have uh we have a form okay and as you'll notice
15:27
okay um I can go ahead and let me type in a post code here if I go ahead and type in a post code okay what it does is
15:33
it automatically fills out the town the county and the region okay just with the post code
15:40
pretty cool right so that's what we're going to build again and if I type in a different
15:46
post code uh I should have uh looked up more post codes one
15:52
second uh is there more post codes here let me get this postcode right so if I if I get that postcode okay and I put
16:00
that in here what we'll see is that there we go we have uh uh I put in that
16:06
post code and it gets that town up there's no County but there's a region for that particular post code interesting right and let's go ahead and
16:13
let's try this
16:20
one there we go oh look C the county isn't in that one either interesting
16:25
what if I go back to this one now on the hangout I got like a whole a
16:33
whole um explanation on on how UK post codes are and pretty crazy it work a lot
16:40
differently than in the US like apparently like a post code can be like three houses or something like it's some
16:46
crazy thing right so um yeah there we go not sure exactly why that County thing
16:51
was uh maybe some postcodes don't have a county I'm not sure but we're going to
16:56
go with what I've built here and uh yeah if uh if anybody knows may maybe this
17:02
was for Sean uh maybe Sean if you figured that particular bit out and you can post in the notes for people or
17:08
something like that okay but um anyway we're going to move forward with this
17:14
how do we do this okay again I'm not going to dive through all this code we're going to build it out and figure
17:19
it out live okay so I'm going to go ahead and uh let's just do a new
17:25
page uh oops add a page here okay uh we're going to
17:33
call this we're just yeah we'll call it live how about that uh
17:39
live all right so we need site styles on the page right and uh we're just going to click off some of these things that I
17:45
know I'm not going to need all right don't even need anything in sight Styles um let's just drag out a container in
17:52
the container let's just plop in a form okay um
18:04
oh someone oh people were pop plopping in post codes into the into the chat if you like okay I I can plop your post
18:10
code in a little bit okay um but let's just fill out what we need so I have a form um and then we need uh we're going
18:18
to do a text input right I'm just going to quickly build out this form and the first is going to be postal
18:24
code okay and um we're going to post code so you type in your post code here
18:29
oh the label is going to be uh oh here let's for the placeholder let's just put
18:35
in that one right and here we're going to do Post uh
18:41
code okay all I'm just going to hide the help okay um so you're going to type in the post code right and uh we're going
18:49
to copy paste that and then this is going to be uh shoot I don't remember
18:55
what are we getting we're getting uh Town County and region okay so cool so
19:00
we're going to do uh this is going to be um town
19:05
okay town uh
19:11
town uh and this one's going to be these are going to be read only because uh you're not going to be able to type into these because they're going to get autop
19:17
populated okay so uh let's go ahead and just copy paste that actually you know for fun I'm going to put the I'm just
19:23
set the placeholder blank so it's just blank right and then we have uh
19:30
County and we're going to do County right and then last one was
19:36
region okay we're going to set up
19:44
region all so um here we go let's just preview this
19:49
form all right cool we got a form right um so here I have a post code and three
19:56
inputs okay uh three readon inputs puts now the magic how we need somewhere to
20:05
store and query all of this stuff right and um during the hangout we spent tons
20:11
of time brainstorming uh like could we do this with feeds could we do it with like a CSV file but there are like I
20:19
don't know how many but a lot of postcodes in the UK right like a lot
20:24
okay and someone found this cool little website okay called postcodes
20:31
doio pretty slick and what postcodes doio does um is you can query um a post
20:39
code or multiple postc codes and it will return data okay so um we figured out that if I
20:48
did um shoot I'm going to have to look at really quick just to get the URL we did it was just the postcodes API so oh
20:55
it's just this one okay so if I just hit request on this okay we'll see that if if I do um api.
21:02
poost codes. ipostc codes and then I send it um a post code what it's going
21:09
to do is it's going to return all kinds of data about that particular post code
21:14
okay so if you look here we have if we go down I think there's going to be um is town in there I think town
21:26
somewhere I think we determined town was here I'm going to cheat a little bit
21:33
uh oh Parish was the town admin County was the county and region was the region
21:40
okay um all right so we had Parish so here we go Parish so we we want to put
21:46
parish as the town okay I guess you could map that right here we have admin
21:52
county is Oxfordshire and then uh what did we say we were going to put as the Reg was the
21:59
region is there is there a region somewhere in here there it is region is southeast right cool um so
22:07
yeah may maybe you know based on this data you would pick something different for you okay that you want maybe this
22:14
lsoa is something you need I don't know right but um yeah this is a a free
22:19
service that allows you to query for a post code and it as you see it gives you tons of stuff about that post code even
22:26
longitude and latitude if you want that okay okay but yeah we're going to get um the parish the admin County and the
22:37
region yeah Martin says there's 1.8 million postcodes in the UK yeah see crazy that's
22:45
crazy um okay so there we go now I know that I
22:53
have an API that I can hit okay um and then if someone types in a post code I
23:01
want to query this API for that post code and then I want to get the information from here and plop it into
23:08
my form okay so what tools do we have at our disposal that can
23:16
um we go to our other page that can um that can watch if a someone types into a
23:24
field run an action and populate a different field with
23:31
that so any takers what tool can do that right okay I won't I won't wait I don't
23:37
know how how delayed the live stream is pi so we're going to use Pi
23:43
here and Pi can watch for this field changing and whenever this field changes
23:51
I want pi to go ahead inquery that website get data
23:58
and then take that data and inject it into our three Fields okay now obviously I'm a
24:06
developer and I could potentially go ahead and um write this JavaScript from
24:11
from scratch but that doesn't help you guys right so enter chat GPT okay so uh
24:21
we're going to just going to go into chat GPT okay and say
24:27
um let me just copy the the the uh the uh API just so that we have it right um
24:36
so here I'm going to do API postcodes right that's the API we want
24:43
to get right okay um and just uh if you didn't actually
24:49
know there's this cool app now this uh you know I I think it's cool um I paid
24:54
quite a bit of money for it but now it's free called rapid API okay and uh you've probably seen me use it
25:00
from here and there uh from time to time um and what I'm going to do is this right so I'm going to do I'm going to
25:07
query this post code and let's just enter in that post code and as we can see here I entered in
25:13
this URL with the post code in it and voila it gives me all this data okay
25:19
over here it's basically like a text based browser okay so it allows you to
25:25
uh you know I Ed it interacting with apis which is exactly what this is right and it kind of gives us the information
25:32
that this this web page gives us okay not all API documentation has cool
25:37
little test things that you can actually view the results of and all that jazz okay so um this is a live tool you can
25:44
query the API and see all of the results for this one particular zip code okay so
25:52
uh with that with this information that we have let's go ahead and Craft um
25:59
some stuff with chat GPT okay and we'll compare to see what it did for me before
26:04
okay okay so um I have let's say I have a form um
26:13
that a user will input
26:18
a um postal code from the
26:25
UK um I need a
26:32
javasript function that um
26:40
will take this UK post code as an
26:48
argument then um fetch the results from
26:56
this API oops that's not the
27:02
API okay
27:08
um this uh will return some Json
27:15
data I need to get the uh let's see the
27:24
parish um value
27:30
and um let's see I need to get the parish
27:38
value um that is actually here I need
27:43
to yeah oh yeah I need to get the parish
27:50
value that is returned and add that to
27:55
the form input with the name
28:00
town okay and let's put that into little
28:06
quotes um then I need to get the uh what did I say admin County right
28:14
your admin County value
28:22
returned and add that to the input with the
28:30
name County lastly I need to get the
28:40
um what did I say uh region right yeah get the
28:46
region data and add that to the input with the
28:55
name region
29:00
if the API um call fails then I need
29:13
to return null and not replace I need to
29:20
return null and maybe empty
29:25
out the values from
29:31
the uh three named inputs let's do
29:37
that right that was quite a lengthy explanation but just show you that let's see what it puts
29:45
out all right so um I'm going to look at this code this actually this code from
29:51
what I think I think this is actually different than what it gave me last time I did this okay what's kind of cool now
29:56
I have GPT Pro what's kind of cool is this is going through and like giving a
30:01
full explanation as well okay so I have an async function fetch
30:07
postal C details we give it a postal code okay and then let's see this is getting it's uh it's oh it's cleaning up
30:15
the post code which is nice uh and then it is uh there it's doing the it's
30:20
getting the API it's going to fetch the API the response is okay uh if it's not okay it's going to throw an error okay
30:27
else is going to wait for the data and then we have we get the parish the admin County and the region and then basically
30:34
we're going to uh get the input with the town County and inject those variables
30:40
and then we return those I'll throw man this is this should be perfect right I'm
30:46
going to copy that let's go over here and what I'm going to do is um this is a JavaScript
30:53
function okay and Foundation 6 has a JavaScript stack okay okay and so we're
30:59
going to do JavaScript stack okay I'm just going to Chuck it down here and I'm going to I'm going to paste this in okay
31:07
cool and I'm going to copy this really quick because we're going to need
31:13
this right so now I have that cool JavaScript function okay that's it GPT
31:19
did that for us for me glancing at it I think it will actually work right out of the box okay let's go ahead and find um
31:26
pi
31:33
uh we're going to add pi to the page okay now
31:40
um what pi does um if you don't know Pi can as I said earlier can watch for
31:46
changes on text inputs and do stuff okay um so with pi uh we're going to do uh so
31:53
we need to do a pi name and this is going to we want it to watch postal code
31:58
okay so I'm going to go ahead and copy postal code and I want to watch that
32:05
okay and um now Pi is by default meant to actually kind of do math hence the
32:12
name Pi okay but in this case we're working with text so we're going to go ahead and say process formula as text
32:20
okay and that's that okay now um what we
32:25
want to do down here okay is is this is going to be the code that Pi
32:31
executes okay and so I'm going to I'm going to paste in oops did I not oh okay
32:38
remember the function that GPT created for us is called Fetch postal code details and we need to pass that a
32:44
postal code okay and what I'm going to do is uh we're going to pass in in order to
32:51
obtain the um postal code from the form we need to use this uh little curly
32:58
brace syntax you guys are probably used to that syntax a little bit right uh let's go as you see here just curly
33:03
brace curly brace and then the name of the input the name is postal code right up here if we go to the name I set it to
33:11
postal code okay um and yeah in theory
33:17
wow okay I'd say this this took us a lot less time than I anticipated um let's preview that oh
33:25
okay interesting what did I do wrong here
33:36
post oh uh we need to go ahead and I know what we need to actually because this is a string we need to put this
33:43
inside quotes there we
33:48
go I think that will do it postal
33:55
code did I do it hold on I'm going to cheat a little bit sorry let's see here fin process yeah same thing post uh add
34:04
little spaces but that doesn't
34:15
matter fetch postal code details
34:32
oh I think you know I don't think we need
34:37
actually with this line right there let's see if that that does
34:50
something I'm going all right we need to tweak it a little bit apparently let's go ahead and
34:58
let's just look
35:12
here all right
35:29
H
35:37
okay let's just go into here and what happens if I let's just see if it works
35:42
let's go ahead and just put in a poster code ah darn it right because it's it's
35:50
doing a promise there uh cons data data results here
35:57
let's look over here it's a little easier so we're getting the data if data
36:04
data.
36:10
results darn I have to admit at some level when
36:17
I did this during the hangout it kind of just worked here I'm kind of curious
36:22
now what we did here
36:30
slightly different okay here I did the fet almost the same
36:42
thing I return the data yeah that is
36:47
that is almost identical
37:09
fetch postcode data a sync function a sync function because there got to be a wait Parish blah blah
37:19
blah Town County region all darn it and I have to debug
37:26
it a little bit what are we I know it's something
37:32
probably super small super little but let's go ahead and debug that
37:38
let's see let's find my JavaScript function should be on the page
37:45
somewhere nope none of those may be in
37:51
here there it is
38:04
oh I need to go into here go into here go into
38:10
there all here we go I need to break here no not there I just break
38:18
there
38:27
I didn't do that though let's look at my network
38:32
oh oh object 20 promise that is a promise
38:39
oh what did I do there wrong I fetch post code post
38:55
code all right let's do this we're going to go ahead and do some old school debugging
39:01
here okay so when I get the post code here I'm just going to say
39:07
console.log okay fetching details for postcode
39:13
sweet um console.log cleaned up post
39:24
code okay there we go going to copy
39:29
that and uh let's just close that window we're going to go into
39:35
here oops wrong page we're going to paste that in there
39:42
okay and uh let's just go and preview
39:49
again fetching details for post code clean post code API URL post codes okay
39:56
oh that is why uh
40:03
okay we had like uh we we checked okay I've actually vaguely I think we ran
40:09
into some issues before like this okay and um I did manually tweak this code a
40:15
little bit okay yeah okay um I said if if the value of
40:21
the if the post code had to be a certain length Okay um so what we're going to do
40:43
is over here if the post code is less than five
40:48
characters return I think we determined that um most post codes are at least
40:54
five characters long um so yeah if the post code is less than five return do
41:00
nothing okay so let's let's give that a
41:17
shot let preview that still getting that for some reason
41:25
oops there it's oh at least it broke this time so I'm going to go ahead and type
41:36
in still returns a promise what's going on
41:45
there all right here it says fetching details for postcode object. promise why is this still doing that fetching
41:53
details for postcode so the postcode is getting past a promise what the
42:01
heck that makes no
42:09
sense man hate when things aren't going
42:15
swimmingly let me let me check out the the pie over
42:21
here fetch postcode data postcode pretty simple
42:27
this one still works right that one works
42:35
bastards rat bastards okay here let's see we have similar thing a sync
42:40
function that we pass in a post code um shouldn't matter but I I call
42:47
this field post code instead of postal code can't imagine that being a problem but we can try
42:54
it let's see uh uh okay so over here we're going to do oh one thing I want to
43:00
look at pi oh the pi name is just
43:10
Pi I want I think that is messing me up I set the pi name to be postal
43:15
code all let's see if that if that fixes
43:20
it oh darn it look at that okay
43:28
it you can't set pi to be the same name as your input that was my own
43:36
[Laughter] fault okay so here actually curious now
43:41
I'm actually going to copy this original code from GPT and let's just paste that
43:48
in all right so let's do that so that's the original code without any of my
43:54
modifications okay and it
44:00
works darn it okay okay um so there we go let's let's
44:07
try here let's try some of your uh post codes here let's see we got we got this going right
44:13
here so York an unparished area County Yorkshire and the hum the
44:21
Hummer right interesting let's try let's try
44:32
Davids there we go brbor headford Shire headford Shire
44:40
sorry you might I'm I'm going to butcher some of these names sorry you know this American accent here unparished area
44:46
wonder if you can get like the UN like in like not have unparished area it's probably in the data somewhere right
44:52
here let's let just curious let's plop in David's postal code here
45:00
and so we did that was Parish right so we had Parish unparished area I guess we
45:06
could do the Year this like parliamentary I don't know if that is the same parliamentary
45:12
constituency or you can do admin District admin District because we're getting admin County right so that could
45:19
be it here let's go back to one of the other ones just to kind of test a couple
45:25
things here see admin County here is is oh it was admin District admin District
45:33
was York and York so I think that that's right right let's let's change uh Parish to be admin District just for fun okay
45:43
uh where is that code in here and we're just going to
45:51
change uh whoops yeah admin
45:58
district and admin
46:04
District yeah there we go let's try that
46:15
again I broke some of the I broke some else of the code uh value equals
46:23
Parish uh here we can just do here uh can you um update the parish to
46:34
use oops admin District
46:52
instead and there now it's using admin District right so now let's copy that
46:57
that maybe I did something
47:02
wrong paste that
47:10
okay there we go boom how cool is that dude
47:17
right hey I mean yes this is technically a very cool implementation but just the this entire process of yeah I mean I had
47:25
a flub where I misconfigured Pi it had nothing to do with the the actual JavaScript code but as you see I mean I
47:31
was able to get GPT to create the exact code that I needed for
47:37
PI right and do everything that I needed um pretty
47:45
cool um yeah I'm not going to play around with any more Fields guides uh yeah I mean you you kind of get you can
47:51
see where all the data is coming from um you know again I think this is a useful tool this rapid API it's free check it
47:59
out okay um GPT I I pay $20 a month and
48:06
uh it's a no-brainer for me um it's great right uh I mean be honest I could
48:11
write this code myself um but a lot of times what I'll do is I'll just ask GPT
48:17
for you know with data like this it'll PLP out and then you know I I'm kind of a a code snob so I would go ahead and
48:24
tweak this a little bit right um you know I I would definitely you know a I liked a I did like that uh we added
48:30
logic where hey don't do anything if the post code is set to one cuz let's see uh if I were to go into
48:37
here uh and set this to be like five right um technically right now it's
48:42
actually here let's preview this uh let's just type in five right
48:50
right if we look it's actually going out to the internet and it's querying postcodes doio for the Post Cod of five
48:58
right so I mean again it's not impacting the user at all right but but it is doing that right so that's kind of not
49:05
great right actually if you look when I pasted that it actually queried it four times it's kind of crazy probably
49:12
optimize that somehow but it gets the job done right um byway so one thing you
49:18
could do is you know uh that you know if post codes the length is greater than or less than five here we can even ask GPT
49:25
okay um can you please uh verify
49:33
um uh that a post code is at least five
49:40
characters long um before you uh run the API call
50:01
boom okay we got that now let's copy that right uh close this window go into
50:07
here back into preview
50:13
paste okay and uh let's preview let's open up the inspector so we can actually see stuff being so here's a network tab
50:20
whenever I uh if you notice boom I'm going to type in four four 4 if you
50:26
notice nothing's getting made here right until I type in a full and voila boom there we go made the
50:35
API call filled out the fields pretty
50:40
slick right so now it's not going to do anything and it cleared those out because that's not a valid postal code
50:46
pretty cool right I like that um lots of talk about various zip
50:53
code something like GPT and a little bit of code right again if if you notice what I typed at
50:59
the very beginning um I I just kind of said hey this I I just kind of told GPT
51:06
as if I was like hey Mr developer I need you to do this for me I don't know how you're going to do it but do it and then
51:12
I just copied and pasted the code and it worked again had a little flub with the pie stack I misconfigured that that was
51:19
my bad um yeah really cool I hope you got a lot out of this
51:24
today and um another thing that I don't know if anybody noticed okay
51:32
um let me go ahead and let me just clean up some of these windows here
51:38
right not sure if anybody noticed but um did anybody notice the app that I'm
51:44
using to do this entire live stream
51:51
today looks a little bit different huh
51:56
so yeah today um I did this entire live stream using Stacks app um just kind of
52:02
show you guys um hey it's uh it's working okay um can you use the same
52:09
technique to fill in fields in total cms3
52:14
um sure I don't see why not I mean total CS3 is just forms um so yeah um as I
52:23
told you earlier um today um you know I was kind of given the green
52:29
light to kind of show a little bit more um and to share a little bit more so I thought it would be super cool today um
52:36
to do this entire live stream using Stacks Pro okay um and yeah there we go
52:42
um the uh you you one thing you might notice um if you notice it is actually
52:49
the app itself is called Stacks right now okay um may or may not have the pro
52:55
name at the end um but yeah I um I had to do a little bit of work to get some of the the foundation 6 theme kind of
53:01
ready for today uh which is why I was a little bit late starting um but yeah um
53:07
this is STX Pro I won't give a full tour today um I'll I'll Reserve that for a
53:12
future live stream and where we can really dive into some of the new features okay but uh I I hope that you
53:19
enjoyed this and got to see a little bit of sneak peek and how many of you be honest how many of you actually realized
53:25
that I wasn't using Us Rapid Weaver this entire time okay um yeah uh so yep there
53:31
we go uh this entire thing this entire project is built using um Stacks app
53:37
pretty slick happy with that
53:43
okay um to get back to your question Stephen um so total CMS 3 and form
53:49
integration like this it would have to be something that you would do a custom page for and bring in your own admin
53:55
form using the stacks I now how many of you are going to go back and uh rewatch some of this um to
54:02
kind of check out some of the things that I I did in Stacks Pro and maybe you didn't even notice so um cool thank you
54:10
very much guys um hope you enjoyed hope you learned a little bit if you want a little bit more information on Stacks
54:15
Pro we could probably chitchat about that then um basically 1:30 p.m. Pacific
54:20
1 hour from right now but tomorrow okay and we go for quite a few hours so
54:26
hopefully I'll see you guys then um I'm glad that we were able to kick off the New Year going strong got a lot of cool
54:32
stuff going on in the community and uh I appreciate you being a part of it so thank you very much um hey you know what
54:38
I I'm also one of my other goals for kind of generic throughout the years is I want to try to build my YouTube channel so if you are not subscribing
54:46
please go ahead and just subscribe hit that subcribe subscribe and like buttons you know all that fancy Jazz you know
54:52
and if you like the video If you dislike the video hit the thumbs down twice you know what those other all those other
54:58
YouTubers say right just subscribe I'd appreciate it um so just hit that subscribe button um and uh yeah we can
55:04
get uh start getting the numbers up get eventually get more users into the stacks community and uh as they always
55:12
say a rising tide raises all boats so let's go ahead and Rise that tide everybody thank you very much have a
55:17
wonderful rest of your week hopefully we'll see you at the hangout tomorrow