Success!

#84 Headless Magento On TALL Stack (Tailwind, Alpine.js, Laravel, Livewire) w/ Michiel Gerritsen

Michiel Gerritsen is a freelance developer focusing on Magento, Laravel, and Shopify.

In this episode, we talk about his new project - a headless implementation on the TALL stack.

Transcript
0:00:00.080,0:00:05.520
but when i was building this project

0:00:03.040,0:00:06.640
uh everything just went fast because you

0:00:05.520,0:00:09.120
you don't have to touch

0:00:06.640,0:00:10.160
magento for for for any code changes or

0:00:09.120,0:00:14.320
things like that yeah

0:00:10.160,0:00:14.320
so the cash is always warm when you're

0:00:14.920,0:00:17.920
developing

0:00:18.950,0:00:28.190
[Music]

0:00:28.800,0:00:32.640
how you doing sir i am doing fine thank

0:00:32.320,0:00:36.320
you

0:00:32.640,0:00:37.600
good good good so uh how is it going for

0:00:36.320,0:00:38.879
you right now during covid

0:00:37.600,0:00:42.399
i noticed that you live in the

0:00:38.879,0:00:45.440
countryside uh which i thought was cool

0:00:42.399,0:00:50.480
so how's it how's it going for you

0:00:45.440,0:00:50.480
uh yeah it's pretty okay i don't get the

0:00:51.440,0:00:54.640
not not really much changes for me

0:00:53.360,0:00:57.360
personally yeah

0:00:54.640,0:00:58.399
a lot of stores are closed restaurants

0:00:57.360,0:01:02.320
are closed since

0:00:58.399,0:01:05.600
two weeks um but then again i

0:01:02.320,0:01:08.000
didn't go out for a lot so yeah

0:01:05.600,0:01:09.439
i don't notice a lot of of it stay

0:01:08.000,0:01:13.280
inside work on uh

0:01:09.439,0:01:15.680
the tall stack and uh yeah exactly

0:01:13.280,0:01:17.200
stay away from all the madness that's

0:01:15.680,0:01:21.040
cool um

0:01:17.200,0:01:23.920
yeah i uh i noticed that you uh

0:01:21.040,0:01:26.159
chopped some wood as a side project that

0:01:23.920,0:01:26.159
looks

0:01:30.000,0:01:33.520
about six months ago so now really all

0:01:32.799,0:01:35.759
all

0:01:33.520,0:01:37.119
kinds of things i never did before like

0:01:35.759,0:01:40.159
chopping wood so uh

0:01:37.119,0:01:42.000
so why did you decide to uh to move

0:01:40.159,0:01:45.280
there

0:01:42.000,0:01:48.240
yeah this is where i i was born where i

0:01:45.280,0:01:49.280
grew up so i moved to the city because

0:01:48.240,0:01:52.479
of school and

0:01:49.280,0:01:54.799
my wife and i lived there for uh

0:01:52.479,0:01:56.880
i don't know twelve thousand years so

0:01:54.799,0:01:58.719
and now and now my kid goes uh goes to

0:01:56.880,0:02:00.640
school i'm also we uh

0:01:58.719,0:02:02.240
we're thinking about yeah where where do

0:02:00.640,0:02:03.920
we wanna live so

0:02:02.240,0:02:06.079
in the end we decided to move back

0:02:03.920,0:02:09.280
that's cool did uh

0:02:06.079,0:02:11.680
did the uh kobit stuff have uh

0:02:09.280,0:02:12.959
have a part to do in that decision like

0:02:11.680,0:02:16.239
no no no no no no no just

0:02:12.959,0:02:19.040
like to be back in the countryside yeah

0:02:16.239,0:02:21.200
we decided that six months before coffee

0:02:19.040,0:02:24.959
and the moment coffee hits

0:02:21.200,0:02:28.160
we we had to actually to move wow

0:02:24.959,0:02:30.400
so it was like good times yeah yeah yeah

0:02:28.160,0:02:33.599
yeah yeah that's cool i've thought about

0:02:30.400,0:02:36.959
so we moved to austin about um

0:02:33.599,0:02:38.959
three years ago and uh

0:02:36.959,0:02:40.480
i thought i've had this phase of like i

0:02:38.959,0:02:43.120
want to move out to

0:02:40.480,0:02:44.720
a more rural area get some land and

0:02:43.120,0:02:45.519
stuff like that get away from people

0:02:44.720,0:02:47.280
yeah

0:02:45.519,0:02:48.640
um and i started looking forward to the

0:02:47.280,0:02:51.680
forum get a farm

0:02:48.640,0:02:53.920
yeah be like the tech technology farm

0:02:51.680,0:02:56.640
guy

0:02:53.920,0:02:58.400
it's i looked into it and it's so much

0:02:56.640,0:03:00.560
work and it's like

0:02:58.400,0:03:02.480
i also wanted to get a tiny house i

0:03:00.560,0:03:05.519
don't know if you guys

0:03:02.480,0:03:07.840
have those out there at all but um

0:03:05.519,0:03:10.239
it's like it's really hard to get the

0:03:07.840,0:03:13.280
land because you have to get land that's

0:03:10.239,0:03:15.200
unrestricted uh there's all these legal

0:03:13.280,0:03:16.080
restrictions even in texas believe it or

0:03:15.200,0:03:19.040
not

0:03:16.080,0:03:20.000
so um it was like yeah this is too

0:03:19.040,0:03:23.360
complicated but

0:03:20.000,0:03:24.799
i still part of that friend of my mother

0:03:23.360,0:03:27.360
is going through the same process

0:03:24.799,0:03:29.120
oh really and she is you can see doing

0:03:27.360,0:03:31.040
streets trying to get a danny out for a

0:03:29.120,0:03:33.120
few years already but oh really

0:03:31.040,0:03:34.239
she she can't get the permits and things

0:03:33.120,0:03:36.879
like that

0:03:34.239,0:03:38.959
isn't that annoying like it's like it's

0:03:36.879,0:03:41.360
it's like your land you just want to put

0:03:38.959,0:03:42.799
the cool tiny house there and there's

0:03:41.360,0:03:46.080
all these laws and stuff

0:03:42.799,0:03:47.760
it's yeah yeah yeah there's all these

0:03:46.080,0:03:51.440
like minimum

0:03:47.760,0:03:53.519
uh square footage laws because basically

0:03:51.440,0:03:56.959
people don't want their house value to

0:03:53.519,0:03:59.040
go down so it's like

0:03:56.959,0:04:01.200
yeah so this so it's like a minimum of

0:03:59.040,0:04:01.599
whatever thousand square feet or however

0:04:01.200,0:04:04.799
many

0:04:01.599,0:04:05.760
square meters that is so those are the

0:04:04.799,0:04:10.159
laws that come up

0:04:05.760,0:04:12.959
but um anyways um how did you enjoy

0:04:10.159,0:04:13.360
react-a-con i know there's a lot of like

0:04:12.959,0:04:15.280
uh

0:04:13.360,0:04:17.359
virtual conferences and stuff like that

0:04:15.280,0:04:19.120
react to con seems like it was well

0:04:17.359,0:04:21.120
put together a lot of interesting talks

0:04:19.120,0:04:24.320
and stuff one of them was yours

0:04:21.120,0:04:26.880
so how did you get that

0:04:24.320,0:04:27.600
yeah i actually sucked pretty much at

0:04:26.880,0:04:31.120
the

0:04:27.600,0:04:34.080
watching online conferences okay so

0:04:31.120,0:04:35.919
because i was a speaker i decided to

0:04:34.080,0:04:38.400
watch some here and there but

0:04:35.919,0:04:41.199
a lot of it was during work days and

0:04:38.400,0:04:45.120
when i'm working and trying to listen it

0:04:41.199,0:04:45.120
goes one year in one year out so

0:04:45.440,0:04:50.639
i watched willem's

0:04:48.479,0:04:52.000
presentation and because there was a lot

0:04:50.639,0:04:55.280
of buzz around it

0:04:52.000,0:04:58.639
and i liked it and i was

0:04:55.280,0:05:02.320
i it was some uh from lars

0:04:58.639,0:05:06.000
i like to do yeah so yeah i i

0:05:02.320,0:05:09.360
enjoyed it also because uh yeah

0:05:06.000,0:05:13.360
i got a lot of feedback but

0:05:09.360,0:05:17.280
in general uh i got more for

0:05:13.360,0:05:20.160
from it than uh other confidence i uh

0:05:17.280,0:05:21.600
participated in yeah uh and overall i

0:05:20.160,0:05:23.199
liked it so yeah yeah

0:05:21.600,0:05:24.960
yeah i thought they did a good job what

0:05:23.199,0:05:28.880
did you think about willem's uh

0:05:24.960,0:05:32.000
project hiva yeah it sounds promising

0:05:28.880,0:05:33.600
yeah and uh the whole thinking process

0:05:32.000,0:05:36.800
he had about

0:05:33.600,0:05:39.520
everything is too complicated and uh

0:05:36.800,0:05:41.120
too much bloated for the default project

0:05:39.520,0:05:45.280
yeah i had the exact same thing

0:05:41.120,0:05:47.199
and so uh we had the same uh

0:05:45.280,0:05:49.199
starting point but we came up with a

0:05:47.199,0:05:51.360
different solution in the end yeah

0:05:49.199,0:05:52.720
yeah but it was pretty cool to see his

0:05:51.360,0:05:54.880
solutions yeah

0:05:52.720,0:05:57.039
which brings us to your projects uh your

0:05:54.880,0:06:00.800
project uh headless

0:05:57.039,0:06:02.479
uh magento basically based on laravel so

0:06:00.800,0:06:06.080
immediately when i saw this

0:06:02.479,0:06:07.919
i'm a laravel uh guy myself lately

0:06:06.080,0:06:10.160
and you know i've been a fan of like

0:06:07.919,0:06:11.680
view storefront and stuff like that

0:06:10.160,0:06:13.600
but when i saw this and i know it's a

0:06:11.680,0:06:17.039
proof of concept stage

0:06:13.600,0:06:18.000
but i was like bam i have a new favorite

0:06:17.039,0:06:21.360
uh headless

0:06:18.000,0:06:23.360
uh stack for sure so yeah

0:06:21.360,0:06:24.800
yeah it's it's a neat uh it's a neat

0:06:23.360,0:06:27.199
project i know you've been doing laravel

0:06:24.800,0:06:29.759
development for a while right

0:06:27.199,0:06:32.319
yeah yeah yeah yeah yeah actually longer

0:06:29.759,0:06:36.000
than i'm doing magento so oh really yeah

0:06:32.319,0:06:36.800
yeah yeah so why why are you still doing

0:06:36.000,0:06:40.160
magenta

0:06:36.800,0:06:40.639
most most people sort of like laravel

0:06:40.160,0:06:43.199
better

0:06:40.639,0:06:44.720
because it's like you know simpler and

0:06:43.199,0:06:45.840
cleaner i mean all the reasons why you

0:06:44.720,0:06:48.240
sort of built

0:06:45.840,0:06:49.120
your project on it like why not just do

0:06:48.240,0:06:52.560
your

0:06:49.120,0:06:56.000
development as like a freelancer

0:06:52.560,0:06:59.360
yeah the whole development experience is

0:06:56.000,0:07:02.560
way better in laravel than magenta

0:06:59.360,0:07:06.800
but then again the problems

0:07:02.560,0:07:10.080
you have to solve in gentile are

0:07:06.800,0:07:13.199
for for the most part uh way

0:07:10.080,0:07:16.880
more interesting for me to solve than uh

0:07:13.199,0:07:19.280
in most laravel applications gotcha

0:07:16.880,0:07:20.319
yeah yeah basically that yeah yeah yeah

0:07:19.280,0:07:22.880
that's interesting

0:07:20.319,0:07:23.759
why do you think the developer

0:07:22.880,0:07:27.199
experience

0:07:23.759,0:07:29.919
is better in laravel

0:07:27.199,0:07:30.560
and or the community i don't know if you

0:07:29.919,0:07:33.440
would

0:07:30.560,0:07:35.280
group those together or not like

0:07:33.440,0:07:36.639
developer community developer experience

0:07:35.280,0:07:39.120
like what do you think it is i've been

0:07:36.639,0:07:41.280
trying to figure that out because i feel

0:07:39.120,0:07:43.680
similarly and i don't know if it's

0:07:41.280,0:07:45.520
documentation or just the fact that like

0:07:43.680,0:07:47.360
taylor is the founder and he's still

0:07:45.520,0:07:50.000
active

0:07:47.360,0:07:52.479
and that that trickles down what do you

0:07:50.000,0:07:54.720
think it is

0:07:52.479,0:07:56.080
well i think it's one of the selling

0:07:54.720,0:07:59.440
points of laravel

0:07:56.080,0:08:01.680
in general also the whole

0:07:59.440,0:08:02.479
experience is built around the

0:08:01.680,0:08:05.919
development

0:08:02.479,0:08:07.440
experience and magenta has all

0:08:05.919,0:08:10.840
different starting points it starts off

0:08:07.440,0:08:14.080
from we want to build the best ecommerce

0:08:10.840,0:08:15.919
framework uh where level starts off with

0:08:14.080,0:08:18.560
we want to give the best developer

0:08:15.919,0:08:18.560
experience

0:08:19.120,0:08:25.039
yeah and community helps also with that

0:08:22.160,0:08:27.680
um for example i post a lot of blog

0:08:25.039,0:08:30.080
posts on both magento and laravel

0:08:27.680,0:08:31.440
uh but in general i get more responses

0:08:30.080,0:08:35.519
in on laravel

0:08:31.440,0:08:38.080
blog posts than i get on magento

0:08:35.519,0:08:38.839
so yeah there are some differences in

0:08:38.080,0:08:42.240
there

0:08:38.839,0:08:45.279
right i've heard some people say

0:08:42.240,0:08:49.120
for like comparing laravel and symphony

0:08:45.279,0:08:51.519
that particularly for more like mission

0:08:49.120,0:08:52.720
critical application like for e-commerce

0:08:51.519,0:08:55.680
and stuff

0:08:52.720,0:08:57.760
that like i can't remember the specifics

0:08:55.680,0:09:01.519
but because of the architecture

0:08:57.760,0:09:02.880
like laravel is is sort of easier to

0:09:01.519,0:09:05.360
develop

0:09:02.880,0:09:07.440
um more intuitive to use but that

0:09:05.360,0:09:10.320
symphony is sort of more

0:09:07.440,0:09:10.800
robust architecturally have you heard

0:09:10.320,0:09:13.839
that

0:09:10.800,0:09:17.200
argument um at all yeah

0:09:13.839,0:09:18.080
yeah yeah but this was an argument a few

0:09:17.200,0:09:22.000
years ago

0:09:18.080,0:09:23.760
it did go around sometime but

0:09:22.000,0:09:25.440
if you check out the laravel community

0:09:23.760,0:09:27.839
there are

0:09:25.440,0:09:29.279
lots and lots of examples that that is

0:09:27.839,0:09:32.880
not the case

0:09:29.279,0:09:36.240
both laravel and symphony can work in

0:09:32.880,0:09:38.880
enterprise apps perfectly together

0:09:36.240,0:09:40.800
i think so too like somebody was

0:09:38.880,0:09:42.720
explaining it to me and i didn't really

0:09:40.800,0:09:44.240
understand it like i'm not the smartest

0:09:42.720,0:09:46.000
developer in the world

0:09:44.240,0:09:47.600
in the end it's still it's still just a

0:09:46.000,0:09:51.360
tool so uh

0:09:47.600,0:09:55.120
it's whatever you make with it yeah yeah

0:09:51.360,0:09:57.600
so um so your um uh headless part what's

0:09:55.120,0:09:59.200
the name of the project again

0:09:57.600,0:10:01.120
yeah i called it all magenta tall

0:09:59.200,0:10:06.320
magenta right right right the tall stack

0:10:01.120,0:10:09.040
tailwind alpine uh laravel and livewire

0:10:06.320,0:10:10.640
what is it about alpine so i use vue but

0:10:09.040,0:10:12.880
i keep hearing people talk about how

0:10:10.640,0:10:16.079
much they love alpine i watched a quick

0:10:12.880,0:10:17.519
like video tutorial recently on it um

0:10:16.079,0:10:21.120
what is it that everybody loves about

0:10:17.519,0:10:21.120
alpine so much just simpler

0:10:22.000,0:10:27.440
yeah yeah yeah mostly uh

0:10:25.040,0:10:28.079
with few you have to learn way more

0:10:27.440,0:10:31.360
about

0:10:28.079,0:10:33.040
how the models work and you have this

0:10:31.360,0:10:34.959
files where you have to put in a

0:10:33.040,0:10:37.760
template and your script together

0:10:34.959,0:10:38.880
and uh well with alpine the whole

0:10:37.760,0:10:42.399
documentation is

0:10:38.880,0:10:44.720
one getup readme so uh

0:10:42.399,0:10:45.920
it's way easier to start with just put

0:10:44.720,0:10:47.920
in some uh

0:10:45.920,0:10:49.360
load in some extra javascript and then

0:10:47.920,0:10:52.880
you're good to go

0:10:49.360,0:10:54.959
and with view uh i always use the

0:10:52.880,0:10:58.320
laravel scaffold but

0:10:54.959,0:11:01.360
i think there are a few more uh steps

0:10:58.320,0:11:02.079
in there to get started with and what

0:11:01.360,0:11:04.560
about like

0:11:02.079,0:11:05.440
like i'm thinking about my application i

0:11:04.560,0:11:08.000
have like a

0:11:05.440,0:11:09.120
like a multi-select widget that i pull

0:11:08.000,0:11:10.720
into view

0:11:09.120,0:11:13.120
um that i use for lots of different

0:11:10.720,0:11:15.200
things it's a nice it's called view

0:11:13.120,0:11:16.959
i think view multi-select i guess but

0:11:15.200,0:11:19.040
it's a nice package that

0:11:16.959,0:11:20.160
i can use for lazy load all sorts of

0:11:19.040,0:11:22.959
different things

0:11:20.160,0:11:24.720
um like so i guess if you need

0:11:22.959,0:11:25.760
components like that

0:11:24.720,0:11:27.920
you're going to want to go the view

0:11:25.760,0:11:29.680
route versus if you don't really need

0:11:27.920,0:11:31.440
any of that you just want some basic

0:11:29.680,0:11:34.160
presentation layer logic

0:11:31.440,0:11:34.640
that's where you're going to want to go

0:11:34.160,0:11:37.680
yeah

0:11:34.640,0:11:41.040
alpine is simpler but it's also less

0:11:37.680,0:11:41.040
complex yeah i don't know

0:11:41.120,0:11:45.279
you can build you can build really

0:11:43.600,0:11:48.000
complex things but

0:11:45.279,0:11:49.440
uh most likely fuse better for for those

0:11:48.000,0:11:52.639
kind of things

0:11:49.440,0:11:58.160
so if you just want to make a

0:11:52.639,0:11:59.600
double your menu alpine is good for that

0:11:58.160,0:12:01.440
but if you want to build a complete

0:11:59.600,0:12:03.360
photorama for example then uh

0:12:01.440,0:12:05.839
probably fuse better uh sorry if you

0:12:03.360,0:12:08.959
want to build a complete what

0:12:05.839,0:12:11.120
photorama the magento of a magento

0:12:08.959,0:12:13.680
slideshow

0:12:11.120,0:12:15.120
thing oh photo photo photo rama is that

0:12:13.680,0:12:17.200
the name of the component

0:12:15.120,0:12:19.120
like a yeah i think it sculpts like that

0:12:17.200,0:12:20.000
oh okay i gotcha yeah i haven't i

0:12:19.120,0:12:21.040
haven't messed around with those

0:12:20.000,0:12:24.240
components in a while

0:12:21.040,0:12:27.920
but i i mean i see what you're saying um

0:12:24.240,0:12:30.480
so uh so it's a it's a proof of concept

0:12:27.920,0:12:31.680
right but uh do you have any plans to

0:12:30.480,0:12:34.160
use it in production you have any

0:12:31.680,0:12:36.000
clients that might be interested in

0:12:34.160,0:12:38.800
in actually rolling it out or just

0:12:36.000,0:12:41.600
something you're playing around with

0:12:38.800,0:12:43.360
i have one client where i do regular

0:12:41.600,0:12:46.000
work for

0:12:43.360,0:12:48.399
and i think if i offered it they would

0:12:46.000,0:12:48.399
like it

0:12:48.639,0:12:52.959
but they are selling like shoot for

0:12:51.920,0:12:56.399
parties

0:12:52.959,0:12:57.360
so uh due to coffee it's not gonna work

0:12:56.399,0:13:00.720
out

0:12:57.360,0:13:03.200
um but i would like to build it on on

0:13:00.720,0:13:04.800
for someone but yeah i yet have to still

0:13:03.200,0:13:05.360
find someone yeah gotta build that

0:13:04.800,0:13:08.560
demand

0:13:05.360,0:13:11.600
hopefully we can get somebody interested

0:13:08.560,0:13:13.600
um yeah this would be cool yeah

0:13:11.600,0:13:14.959
i uh yeah i took a look at the demo it

0:13:13.600,0:13:17.360
was cool um

0:13:14.959,0:13:18.079
it was nice and nice and clean are you

0:13:17.360,0:13:21.680
getting

0:13:18.079,0:13:23.680
um just in terms of headless in general

0:13:21.680,0:13:25.839
are you getting are you seeing demand

0:13:23.680,0:13:27.519
out there are most of your clients

0:13:25.839,0:13:28.959
based in the netherlands or are they

0:13:27.519,0:13:29.839
just all over the place like what what

0:13:28.959,0:13:33.120
is your

0:13:29.839,0:13:34.880
no netherlands mostly okay

0:13:33.120,0:13:36.320
and are they are you starting to get

0:13:34.880,0:13:38.240
people interest like i was talking about

0:13:36.320,0:13:40.480
buddy yesterday and he was like

0:13:38.240,0:13:42.639
headless is something developers like

0:13:40.480,0:13:45.519
because you basically get to write

0:13:42.639,0:13:46.000
code from scratch like greenfield like

0:13:45.519,0:13:48.480
like

0:13:46.000,0:13:50.000
business people don't care it's like d

0:13:48.480,0:13:52.959
are you seeing business people

0:13:50.000,0:13:52.959
like interested in it

0:13:53.440,0:13:56.959
uh yeah i don't talk to a lot of

0:13:55.040,0:13:57.279
business people so i can't really say

0:13:56.959,0:14:00.399
but

0:13:57.279,0:14:02.079
uh yeah i know i know some agencies that

0:14:00.399,0:14:06.079
are building uh

0:14:02.079,0:14:08.079
some headless pwas kind of thing so uh

0:14:06.079,0:14:10.079
that there are actually coming you know

0:14:08.079,0:14:11.839
projects out there so uh

0:14:10.079,0:14:14.240
most likely yeah but as far as your

0:14:11.839,0:14:16.240
clients go i mean you're still

0:14:14.240,0:14:17.920
like whether it's the tall magenta

0:14:16.240,0:14:19.040
implementation specifically or something

0:14:17.920,0:14:21.600
else like you're not getting

0:14:19.040,0:14:23.760
too much too much demand at the moment

0:14:21.600,0:14:27.199
from your clients

0:14:23.760,0:14:29.440
no no no yeah yeah it's interesting like

0:14:27.199,0:14:31.519
i read this post the other day on this

0:14:29.440,0:14:32.560
headless implementation with shopify and

0:14:31.519,0:14:35.519
stuff and

0:14:32.560,0:14:36.079
um it was it was cool like like it's it

0:14:35.519,0:14:39.760
was just

0:14:36.079,0:14:41.760
nice and clean like so much less code to

0:14:39.760,0:14:44.720
deal with so much less stuff to maintain

0:14:41.760,0:14:45.120
so many a lot less features obviously

0:14:44.720,0:14:48.000
but

0:14:45.120,0:14:50.160
um you know just a really nice clean

0:14:48.000,0:14:53.279
code base to to deal with

0:14:50.160,0:14:55.040
um so i guess that's the that's the

0:14:53.279,0:14:56.320
the benefit um

0:14:55.040,0:14:59.600
[Music]

0:14:56.320,0:15:01.279
what do you um oh i so

0:14:59.600,0:15:03.600
i don't really understand laravel

0:15:01.279,0:15:06.560
livewire i've seen a couple

0:15:03.600,0:15:07.040
like demos or something of it but like

0:15:06.560,0:15:10.320
how does

0:15:07.040,0:15:13.600
so how does livewire work

0:15:10.320,0:15:16.480
well it's still javascript um

0:15:13.600,0:15:17.680
but it does the javascript part for you

0:15:16.480,0:15:19.760
um

0:15:17.680,0:15:21.360
so basically when you have a search form

0:15:19.760,0:15:24.560
uh live wires

0:15:21.360,0:15:25.199
as a demo on the side uh it exactly does

0:15:24.560,0:15:28.959
this

0:15:25.199,0:15:30.560
but so you have a component and there

0:15:28.959,0:15:34.160
you have some properties on

0:15:30.560,0:15:37.199
like a search property and

0:15:34.160,0:15:37.600
when you create a view for that you can

0:15:37.199,0:15:40.880
say

0:15:37.600,0:15:43.199
like this input is tied to that uh

0:15:40.880,0:15:43.920
property so when you put something in

0:15:43.199,0:15:47.440
your shirts

0:15:43.920,0:15:49.839
like wire will contact the server

0:15:47.440,0:15:50.959
say hey this is the input and then it

0:15:49.839,0:15:54.240
will render

0:15:50.959,0:15:57.440
the view with that as your input

0:15:54.240,0:16:00.800
so when you search

0:15:57.440,0:16:04.079
for that exact

0:16:00.800,0:16:07.600
match for that string then

0:16:04.079,0:16:08.639
it will return basically the result of

0:16:07.600,0:16:11.360
that church

0:16:08.639,0:16:12.959
so it will live wire will handle the

0:16:11.360,0:16:14.959
ajax part for you

0:16:12.959,0:16:16.160
uh it will contact your server render

0:16:14.959,0:16:18.639
the result

0:16:16.160,0:16:19.519
and then return it and replace it on

0:16:18.639,0:16:23.360
your front end

0:16:19.519,0:16:26.800
okay okay so a lot of front-end logic

0:16:23.360,0:16:28.560
gets replaced by livewire

0:16:26.800,0:16:30.000
and it just gets handled by the by the

0:16:28.560,0:16:33.279
back-end based server

0:16:30.000,0:16:35.440
gotcha and then um does it

0:16:33.279,0:16:36.480
like how do what kind of a controller do

0:16:35.440,0:16:39.600
you set up for to

0:16:36.480,0:16:40.000
for it to talk to you you don't you

0:16:39.600,0:16:42.160
don't

0:16:40.000,0:16:43.199
that's the the part that live wire

0:16:42.160,0:16:44.959
handles for you

0:16:43.199,0:16:46.880
that's cool so you have a component and

0:16:44.959,0:16:50.399
component is basically a class

0:16:46.880,0:16:52.880
and a few together

0:16:50.399,0:16:54.079
so likewise puts in that data and the

0:16:52.880,0:16:55.519
fewer renders

0:16:54.079,0:16:58.000
depending on that kind of data it

0:16:55.519,0:17:01.040
receives gotcha and livewire

0:16:58.000,0:17:01.839
runs renders the view and returns it to

0:17:01.040,0:17:04.559
your front end

0:17:01.839,0:17:05.439
right right yeah i gotta mess with that

0:17:04.559,0:17:08.160
again because my

0:17:05.439,0:17:09.360
my ajax always ends up like overly

0:17:08.160,0:17:11.360
complicated with

0:17:09.360,0:17:12.480
stuff and it's like manually

0:17:11.360,0:17:14.160
implementing all these stupid

0:17:12.480,0:17:16.160
controllers and stuff that obviously

0:17:14.160,0:17:18.079
yeah yeah yeah yeah

0:17:16.160,0:17:19.760
yeah the beauty about lifor is that you

0:17:18.079,0:17:23.679
don't have to do that yeah

0:17:19.760,0:17:26.400
yeah um it just works right right right

0:17:23.679,0:17:26.880
um in the demo i saw when you were in

0:17:26.400,0:17:29.440
the

0:17:26.880,0:17:30.720
um in the blade template and you were

0:17:29.440,0:17:32.480
showing like your id

0:17:30.720,0:17:34.000
auto complete for like the product

0:17:32.480,0:17:35.600
object

0:17:34.000,0:17:36.960
and you were pulling in whatever

0:17:35.600,0:17:38.080
attributes and stuff like that i was

0:17:36.960,0:17:41.840
curious

0:17:38.080,0:17:44.799
um are you is it um

0:17:41.840,0:17:46.559
are you pulling in the configuration for

0:17:44.799,0:17:48.640
all those methods

0:17:46.559,0:17:50.480
somewhere from magento or did you just

0:17:48.640,0:17:54.240
manually dock block those

0:17:50.480,0:17:57.360
somewhere or does it somehow grab uh

0:17:54.240,0:18:00.720
yeah so in the initial reaction reaction

0:17:57.360,0:18:04.080
talk all those videos that i showed

0:18:00.720,0:18:04.720
were handcrafted gotcha uh but then in

0:18:04.080,0:18:07.600
the q a

0:18:04.720,0:18:08.559
just asked me if one uh yeah in the note

0:18:07.600,0:18:11.280
yes world they

0:18:08.559,0:18:12.240
are fetching the graphql endpoint and

0:18:11.280,0:18:15.520
then

0:18:12.240,0:18:18.160
generating dtr from that so

0:18:15.520,0:18:18.880
is that maybe something to consider so

0:18:18.160,0:18:22.080
last week

0:18:18.880,0:18:24.000
i built exactly that so

0:18:22.080,0:18:26.400
it's it's a cli script where you can

0:18:24.000,0:18:29.280
feed and a graphql endpoint

0:18:26.400,0:18:32.799
and it then uh reach out all entities in

0:18:29.280,0:18:35.679
there and create details from them

0:18:32.799,0:18:36.559
so i didn't publish on twitter yet but

0:18:35.679,0:18:39.120
uh

0:18:36.559,0:18:40.960
it's out there gotcha yeah i saw some of

0:18:39.120,0:18:43.120
that discussion i think of dtos or it

0:18:40.960,0:18:46.720
might have been in your github repo

0:18:43.120,0:18:47.440
um how do how do those work the data

0:18:46.720,0:18:51.520
transfer

0:18:47.440,0:18:53.200
objects well in the basically

0:18:51.520,0:18:55.440
they're pretty simple it's just a

0:18:53.200,0:18:57.840
constructor

0:18:55.440,0:18:58.799
that receives some data yeah it holds

0:18:57.840,0:19:01.679
that data

0:18:58.799,0:19:03.200
and then then it only has some uh getter

0:19:01.679,0:19:05.280
methods so is this just the p

0:19:03.200,0:19:07.120
is just the php class that you add to

0:19:05.280,0:19:10.400
your project yeah yeah

0:19:07.120,0:19:12.559
yeah exactly that and uh

0:19:10.400,0:19:14.080
the thing about the dto is you can put

0:19:12.559,0:19:16.480
data in

0:19:14.080,0:19:17.919
and you can get data out but you can't

0:19:16.480,0:19:21.919
mutate it

0:19:17.919,0:19:24.640
so it's immutable okay and

0:19:21.919,0:19:25.919
you can also because it's just a php

0:19:24.640,0:19:29.280
class you can also

0:19:25.919,0:19:31.280
have dependencies on other classes so

0:19:29.280,0:19:32.640
for a product you have depends you on a

0:19:31.280,0:19:36.000
price class for example

0:19:32.640,0:19:38.880
okay gotcha so

0:19:36.000,0:19:39.840
because she because thanks to the thai

0:19:38.880,0:19:42.720
painting uh

0:19:39.840,0:19:44.640
phpstorm or whatever ide you're using

0:19:42.720,0:19:46.320
knows exactly how the price is this kind

0:19:44.640,0:19:48.799
of object so i have this and that

0:19:46.320,0:19:48.799
available

0:19:48.880,0:19:53.280
so instead of just doing like a graphql

0:19:51.600,0:19:54.320
call and getting sort of like the raw

0:19:53.280,0:19:58.000
data back

0:19:54.320,0:20:00.559
um it sort of wraps that in in an object

0:19:58.000,0:20:02.640
okay yeah exactly that's pretty cool

0:20:00.559,0:20:06.080
because like i was looking at

0:20:02.640,0:20:08.640
like the graphql again in like that demo

0:20:06.080,0:20:10.400
and it's funny like like the like the

0:20:08.640,0:20:14.720
graphql query

0:20:10.400,0:20:17.520
like kind of reminded me of like raw sql

0:20:14.720,0:20:18.880
in uh in your php code like you just had

0:20:17.520,0:20:20.799
this like huge

0:20:18.880,0:20:22.880
like because i haven't used graphql

0:20:20.799,0:20:26.480
really at all myself yet

0:20:22.880,0:20:29.440
um but it was just like it was like

0:20:26.480,0:20:31.200
it just it felt like a big old raw like

0:20:29.440,0:20:32.000
i felt like i wanted to see that wrapped

0:20:31.200,0:20:35.679
in some kind of

0:20:32.000,0:20:38.960
uh abstraction um to kind of click

0:20:35.679,0:20:42.240
a little bit yeah yeah so

0:20:38.960,0:20:44.080
when you're using uh graphql and php

0:20:42.240,0:20:46.480
well at least the library i was using

0:20:44.080,0:20:49.520
just returns a

0:20:46.480,0:20:51.280
multi-dimensional array so yeah when

0:20:49.520,0:20:53.360
you're toggling that data around

0:20:51.280,0:20:54.960
it's always hard to to predict what kind

0:20:53.360,0:20:57.200
of data is in there so

0:20:54.960,0:20:59.520
but now it's right now but not what it

0:20:57.200,0:21:01.600
returns but i mean the request

0:20:59.520,0:21:03.600
like the graphql request was this like

0:21:01.600,0:21:06.559
huge chunk of like

0:21:03.600,0:21:06.960
code and i was wondering you know like

0:21:06.559,0:21:09.840
if

0:21:06.960,0:21:11.280
if you would abstract that like into

0:21:09.840,0:21:14.480
like a

0:21:11.280,0:21:16.480
like a like a like a like a like it it

0:21:14.480,0:21:17.120
made me think of like raw's ql and then

0:21:16.480,0:21:20.480
that being

0:21:17.120,0:21:23.520
um replaced with like um

0:21:20.480,0:21:25.600
uh what are they called like like the um

0:21:23.520,0:21:26.799
like an object like an orm you know what

0:21:25.600,0:21:30.799
i mean that

0:21:26.799,0:21:32.720
like wraps around all of that sql

0:21:30.799,0:21:34.400
yeah yeah there are some libraries out

0:21:32.720,0:21:37.520
there that do exactly this

0:21:34.400,0:21:38.080
okay uh but when i started project i

0:21:37.520,0:21:40.159
just

0:21:38.080,0:21:41.919
wanted to uh place an order with

0:21:40.159,0:21:44.000
graphiel so

0:21:41.919,0:21:44.960
i took the simplest library that was out

0:21:44.000,0:21:47.440
there and uh

0:21:44.960,0:21:48.559
started hacking with it so that's why i

0:21:47.440,0:21:51.840
i ended up with

0:21:48.559,0:21:55.120
raw uh graphql gotcha but

0:21:51.840,0:21:55.840
maybe in the next iteration i i replaced

0:21:55.120,0:21:58.799
it with the

0:21:55.840,0:22:00.000
with the yeah orem kind of thing gotcha

0:21:58.799,0:22:01.919
okay

0:22:00.000,0:22:04.559
how like um because you work with

0:22:01.919,0:22:08.559
shopify i think a good bit as well as

0:22:04.559,0:22:12.000
uh magento and i'm curious if you have

0:22:08.559,0:22:15.360
looked much at like the graphql does

0:22:12.000,0:22:17.600
shopify have a graphql api endpoint

0:22:15.360,0:22:18.400
yeah they have but i i haven't used it

0:22:17.600,0:22:20.080
yet okay

0:22:18.400,0:22:21.679
so yeah it's kind of all you're

0:22:20.080,0:22:23.600
expecting about it gotcha yeah i was

0:22:21.679,0:22:26.080
kind of curious how they

0:22:23.600,0:22:26.720
um how they would compare i know that

0:22:26.080,0:22:29.120
you know

0:22:26.720,0:22:31.280
more and more people are doing headless

0:22:29.120,0:22:32.159
stuff related to shopify and i hear that

0:22:31.280,0:22:34.559
like

0:22:32.159,0:22:36.159
big commerce is better for headless than

0:22:34.559,0:22:37.679
shopify but i don't know

0:22:36.159,0:22:39.280
i know there are some rate limits

0:22:37.679,0:22:42.400
specifically

0:22:39.280,0:22:44.080
um that are part of the reason but i

0:22:42.400,0:22:46.159
don't you know don't know too much about

0:22:44.080,0:22:49.360
like all the specifics of the

0:22:46.159,0:22:51.280
api endpoints there um

0:22:49.360,0:22:54.240
how do you like and when it comes to

0:22:51.280,0:22:55.840
magento versus shopify like how do you

0:22:54.240,0:22:57.679
what kind of shopify work are you doing

0:22:55.840,0:22:59.919
are you doing like

0:22:57.679,0:23:02.640
simpler like front-end stuff or are you

0:22:59.919,0:23:06.240
doing like some interesting integration

0:23:02.640,0:23:08.799
work type stuff yeah

0:23:06.240,0:23:09.520
basically when i started with shopify

0:23:08.799,0:23:11.840
development

0:23:09.520,0:23:13.200
it was an app i've built myself together

0:23:11.840,0:23:15.919
with a friend oh that's right

0:23:13.200,0:23:16.640
and that was a bit of a starting point

0:23:15.919,0:23:19.679
so

0:23:16.640,0:23:23.360
now i get sometimes shopify

0:23:19.679,0:23:26.480
projects to do so a while back

0:23:23.360,0:23:27.840
i created an integration for company and

0:23:26.480,0:23:31.520
was basically payment

0:23:27.840,0:23:34.480
provider so it added some

0:23:31.520,0:23:36.720
payment methods to the checkout and then

0:23:34.480,0:23:39.360
the users would get redirected to there

0:23:36.720,0:23:40.720
and then eventually do a payment base

0:23:39.360,0:23:44.640
and back

0:23:40.720,0:23:47.200
so yeah that's the

0:23:44.640,0:23:48.240
most things i'm doing so i did some

0:23:47.200,0:23:52.000
front-end work

0:23:48.240,0:23:53.919
here and there but it's not really uh

0:23:52.000,0:23:55.120
what i get excited about yeah actually

0:23:53.919,0:23:57.600
motorbike and stuff

0:23:55.120,0:23:59.120
yeah what i'm doing yeah yeah yeah yeah

0:23:57.600,0:24:01.600
that makes sense

0:23:59.120,0:24:05.200
um was it fun building out the the tall

0:24:01.600,0:24:07.679
magento prototype oh yeah yeah yeah

0:24:05.200,0:24:08.480
yeah yeah normally when you're building

0:24:07.679,0:24:11.919
uh

0:24:08.480,0:24:13.679
with with magento um you have to flush

0:24:11.919,0:24:15.919
your cases all the time

0:24:13.679,0:24:16.960
and then there's the the cash watcher

0:24:15.919,0:24:20.240
from three nights

0:24:16.960,0:24:22.799
so that helps a lot but still uh

0:24:20.240,0:24:24.559
when you're developing your constantly

0:24:22.799,0:24:26.400
you do a reverse and you have to wait

0:24:24.559,0:24:29.679
and

0:24:26.400,0:24:33.120
it's always slow and yeah and

0:24:29.679,0:24:36.240
so for example today i had to create a

0:24:33.120,0:24:38.640
database table and before you have

0:24:36.240,0:24:39.520
the whole repository and the models and

0:24:38.640,0:24:42.880
things like that

0:24:39.520,0:24:43.760
you are a few hours further but when i

0:24:42.880,0:24:47.039
was building

0:24:43.760,0:24:47.840
this project everything just went fast

0:24:47.039,0:24:50.080
because

0:24:47.840,0:24:52.000
you don't have to touch magento for for

0:24:50.080,0:24:52.480
for any code changes or things like that

0:24:52.000,0:24:54.559
yeah

0:24:52.480,0:24:55.840
so the cast is always warm when you're

0:24:54.559,0:24:59.919
developing

0:24:55.840,0:25:04.000
so overall uh graphql endpoints feel

0:24:59.919,0:25:07.039
uh really fast and when developing

0:25:04.000,0:25:09.600
on the laravel side also that

0:25:07.039,0:25:11.039
development is also really fast so

0:25:09.600,0:25:15.120
overall the experience was

0:25:11.039,0:25:16.400
was it was a really good experience to

0:25:15.120,0:25:19.440
uh to uh

0:25:16.400,0:25:20.720
build that yeah i think i also saw you

0:25:19.440,0:25:23.600
mentioned some caching

0:25:20.720,0:25:25.200
and a and a debug toolbar thing that you

0:25:23.600,0:25:28.640
created in your demo

0:25:25.200,0:25:31.600
um yeah so is there a

0:25:28.640,0:25:33.440
caching layer on your side or you're

0:25:31.600,0:25:37.760
just talking about like

0:25:33.440,0:25:39.360
magento having magento's caching layer

0:25:37.760,0:25:42.799
well in the beginning i didn't have cash

0:25:39.360,0:25:45.200
but now yeah i have i've added cash

0:25:42.799,0:25:47.520
so basically for the card i'm only

0:25:45.200,0:25:49.120
pulling the card data

0:25:47.520,0:25:50.960
when i'm doing some mutations like

0:25:49.120,0:25:54.000
adding a product or

0:25:50.960,0:25:56.159
removing the product and

0:25:54.000,0:25:57.039
i immediately save you to the cash and

0:25:56.159,0:25:59.600
then when

0:25:57.039,0:26:00.480
uh somebody refused to get uh use the

0:25:59.600,0:26:02.240
card

0:26:00.480,0:26:04.080
it basically comes out of out of the

0:26:02.240,0:26:07.039
cash nice so and

0:26:04.080,0:26:08.000
and i've added it to some other places

0:26:07.039,0:26:11.039
like uh

0:26:08.000,0:26:14.480
the product list is cast and

0:26:11.039,0:26:15.200
things like that nice and so in general

0:26:14.480,0:26:18.240
the way

0:26:15.200,0:26:21.200
that it works so does it just like

0:26:18.240,0:26:22.000
the product list for example you hit the

0:26:21.200,0:26:24.559
home page

0:26:22.000,0:26:26.000
does it grab the products over the api

0:26:24.559,0:26:29.200
just on the fly

0:26:26.000,0:26:32.240
and then over graphql and then

0:26:29.200,0:26:34.080
renders them and then saves that to

0:26:32.240,0:26:35.440
to okay what are you using to cache

0:26:34.080,0:26:40.159
within your project

0:26:35.440,0:26:43.200
using like a like a php package for that

0:26:40.159,0:26:46.400
no just what what is a letter val so

0:26:43.200,0:26:48.960
right i think um locally i'm using redis

0:26:46.400,0:26:50.799
uh but i'm not even sure what what's on

0:26:48.960,0:26:53.039
the server okay i think register

0:26:50.799,0:26:54.320
okay so then you just pull like the

0:26:53.039,0:26:56.559
product catalog and stuff like that on

0:26:54.320,0:26:58.320
the fly and just cache it on your side

0:26:56.559,0:27:00.159
so you're not you don't have you're not

0:26:58.320,0:27:02.000
i mean obviously you're not like

0:27:00.159,0:27:03.360
creating database tables for any of that

0:27:02.000,0:27:05.760
stuff within europe no

0:27:03.360,0:27:07.120
it isn't there's no database attest to

0:27:05.760,0:27:10.240
it right

0:27:07.120,0:27:12.159
right so basically when

0:27:10.240,0:27:14.240
the product list is fetched uh the

0:27:12.159,0:27:17.120
response from gentile is then

0:27:14.240,0:27:20.240
put in a cache and on a second time it's

0:27:17.120,0:27:23.279
reduced from the cache

0:27:20.240,0:27:26.720
nice that's nice and clean

0:27:23.279,0:27:28.080
yeah and then i saw you were building

0:27:26.720,0:27:31.600
out like the checkout

0:27:28.080,0:27:32.480
are you imagining that you'll build out

0:27:31.600,0:27:35.840
like

0:27:32.480,0:27:37.279
your own checkout like

0:27:35.840,0:27:38.720
for things like i think you mentioned

0:27:37.279,0:27:41.200
order totals was something you were

0:27:38.720,0:27:42.880
going to work on and stuff like that

0:27:41.200,0:27:44.480
is that all going to be pretty simple to

0:27:42.880,0:27:46.080
just hit over the api

0:27:44.480,0:27:48.399
to like because when i think about like

0:27:46.080,0:27:50.320
calculating order totals and all taxes

0:27:48.399,0:27:52.480
all that kind of stuff it seems like

0:27:50.320,0:27:55.360
a nightmare but is that all pretty clean

0:27:52.480,0:27:58.399
to just grab over the api

0:27:55.360,0:27:59.679
yeah most things are so the order totals

0:27:58.399,0:28:03.520
are

0:27:59.679,0:28:08.080
already built i've done that last week

0:28:03.520,0:28:08.080
so most part is pretty simple

0:28:08.320,0:28:11.919
but then to get the shipping cost in

0:28:10.640,0:28:15.520
there that's

0:28:11.919,0:28:17.679
i i skipped it on purpose for now but

0:28:15.520,0:28:18.559
i have to come back and check out how

0:28:17.679,0:28:21.679
that's uh

0:28:18.559,0:28:23.840
how that's done later right but for now

0:28:21.679,0:28:24.799
uh when you add shipping when you select

0:28:23.840,0:28:26.880
the shipping method

0:28:24.799,0:28:29.360
the total will go up but you have no

0:28:26.880,0:28:33.039
idea why

0:28:29.360,0:28:34.640
so you can fetch the order totals for

0:28:33.039,0:28:36.880
from the graphql endpoint

0:28:34.640,0:28:38.000
from magento but for some reason that

0:28:36.880,0:28:39.279
the shipping costs are not

0:28:38.000,0:28:41.440
uh they're not in there they're not

0:28:39.279,0:28:44.080
included that's like a bug on the graphq

0:28:41.440,0:28:46.399
graphql side yeah i i i'm not sure if

0:28:44.080,0:28:49.279
it's a bark over or it's on purpose but

0:28:46.399,0:28:50.480
you can't fetch them uh in the same call

0:28:49.279,0:28:54.399
gotcha

0:28:50.480,0:28:56.640
gotcha that's annoying um

0:28:54.399,0:28:57.440
yeah is it is it common in in the

0:28:56.640,0:29:00.880
netherlands for

0:28:57.440,0:29:02.480
for like israel like sas plug-ins for

0:29:00.880,0:29:04.240
shipping stuff like i feel like that's

0:29:02.480,0:29:06.240
pretty common over here like most people

0:29:04.240,0:29:07.760
don't use like the regular

0:29:06.240,0:29:09.600
shipping rates you know they're going to

0:29:07.760,0:29:13.360
plug into some sas option that's going

0:29:09.600,0:29:17.520
to give them different options and stuff

0:29:13.360,0:29:20.640
um yeah you have you have both so

0:29:17.520,0:29:23.600
in the netherlands it used to be that uh

0:29:20.640,0:29:24.960
the the post company was owned by the

0:29:23.600,0:29:28.080
government

0:29:24.960,0:29:31.200
and it changed i don't know

0:29:28.080,0:29:31.919
23 years ago something like that but in

0:29:31.200,0:29:34.080
general

0:29:31.919,0:29:35.120
they are still the number one in sending

0:29:34.080,0:29:38.640
uh

0:29:35.120,0:29:40.720
posts and packages and they have a

0:29:38.640,0:29:45.039
pretty good magenta plug-in themselves

0:29:40.720,0:29:48.480
so that's one way you can go

0:29:45.039,0:29:52.720
but then again there are also some

0:29:48.480,0:29:56.320
sas pro fighters that

0:29:52.720,0:29:56.880
do the same thing but then uh also for

0:29:56.320,0:29:59.919
other

0:29:56.880,0:30:02.240
suppliers gotcha gotcha

0:29:59.919,0:30:04.080
um well yeah it looks like a really fun

0:30:02.240,0:30:04.399
uh project any anything else you wanted

0:30:04.080,0:30:06.880
to

0:30:04.399,0:30:08.480
share or any any feedback obviously

0:30:06.880,0:30:09.520
hopefully we can find somebody that

0:30:08.480,0:30:11.840
wants to

0:30:09.520,0:30:13.039
build that out as a client but any

0:30:11.840,0:30:18.000
anything else you wanted to

0:30:13.039,0:30:20.880
talk about on that yeah so

0:30:18.000,0:30:22.480
last week i put out the tweets like yeah

0:30:20.880,0:30:25.520
i built the order totals now

0:30:22.480,0:30:26.960
so what should i uh build next so i put

0:30:25.520,0:30:30.640
up a ball

0:30:26.960,0:30:33.760
um not sure what the options were but

0:30:30.640,0:30:36.159
uh most phones did go to the to the

0:30:33.760,0:30:38.720
bundle slash

0:30:36.159,0:30:39.600
i don't know it was the other option uh

0:30:38.720,0:30:43.520
but

0:30:39.600,0:30:45.200
so that's what i'm building now um

0:30:43.520,0:30:47.200
this week is kind of busy for me but

0:30:45.200,0:30:51.120
when i have time i'm building on that

0:30:47.200,0:30:52.080
nice so that's why i built the graphql

0:30:51.120,0:30:55.200
endpoint

0:30:52.080,0:30:55.200
2 dto thing

0:30:55.440,0:31:02.159
just because i ended up

0:30:58.480,0:31:02.960
building new dtos while i knew there was

0:31:02.159,0:31:05.840
a way to

0:31:02.960,0:31:05.840
automate that

0:31:06.000,0:31:10.559
so that's now there but now i have to i

0:31:08.799,0:31:15.200
have to continue with

0:31:10.559,0:31:15.200
building out uh the brundle parts

0:31:15.360,0:31:19.279
yeah i already dove into that a little

0:31:17.919,0:31:21.840
bit

0:31:19.279,0:31:22.559
and it's yeah it's kind of hard to build

0:31:21.840,0:31:26.240
and it's

0:31:22.559,0:31:28.080
more like uh magento does it pretty good

0:31:26.240,0:31:29.760
on the front end but now i have to

0:31:28.080,0:31:33.120
implement this in the

0:31:29.760,0:31:33.679
laravel project yeah so that's kind of a

0:31:33.120,0:31:36.480
challenge

0:31:33.679,0:31:38.000
yes sounds tough so how are you gonna

0:31:36.480,0:31:39.440
how are you gonna go about implementing

0:31:38.000,0:31:41.279
that like which api

0:31:39.440,0:31:42.640
call which which what are you gonna be

0:31:41.279,0:31:44.559
able to pull down over the api and what

0:31:42.640,0:31:48.320
are you gonna have to do

0:31:44.559,0:31:49.039
within like well but by the looks of it

0:31:48.320,0:31:51.519
you can just

0:31:49.039,0:31:52.480
pull in just about anything uh about it

0:31:51.519,0:31:55.840
so

0:31:52.480,0:31:58.320
uh you can pull in uh the

0:31:55.840,0:31:59.200
simple products below that you can pull

0:31:58.320,0:32:03.360
in the

0:31:59.200,0:32:05.600
minimum maximum price the the the price

0:32:03.360,0:32:07.519
ranges that are available so

0:32:05.600,0:32:09.440
graphql provides a whole lot of

0:32:07.519,0:32:11.760
information about that

0:32:09.440,0:32:13.760
uh but then you have to implement it in

0:32:11.760,0:32:17.760
your own front end yet so

0:32:13.760,0:32:20.240
that's a big challenge in there

0:32:17.760,0:32:22.320
and they also added things like uh this

0:32:20.240,0:32:23.279
is optional and this is the default

0:32:22.320,0:32:25.840
choice and

0:32:23.279,0:32:29.039
it goes pretty far yeah you still have

0:32:25.840,0:32:32.320
to implement it yourself right

0:32:29.039,0:32:32.880
so it's doable but it's a lot of work

0:32:32.320,0:32:36.799
yeah

0:32:32.880,0:32:39.760
yeah that sounds like a lot of work um

0:32:36.799,0:32:41.200
so um well best of luck with that it's a

0:32:39.760,0:32:42.880
great project

0:32:41.200,0:32:44.559
hope to see that continue to get

0:32:42.880,0:32:46.799
developed um

0:32:44.559,0:32:49.600
i saw you you you'd posted about

0:32:46.799,0:32:53.039
ordering tony hawk pro skater

0:32:49.600,0:32:55.279
recently oh yeah uh how do you uh

0:32:53.039,0:32:56.480
are you uh i've been talking to people

0:32:55.279,0:32:58.159
about like

0:32:56.480,0:33:00.559
gaming like particularly now is like a

0:32:58.159,0:33:02.159
way to like socialize and like connect

0:33:00.559,0:33:04.399
with other people like a lot of

0:33:02.159,0:33:06.320
a lot of teams are not spending time

0:33:04.399,0:33:08.559
together and stuff like that like

0:33:06.320,0:33:10.080
do you end up gaming with like other

0:33:08.559,0:33:13.279
developers that you know and

0:33:10.080,0:33:15.519
and stuff like that no i i

0:33:13.279,0:33:16.559
don't even have i was called the

0:33:15.519,0:33:19.840
playstation plus

0:33:16.559,0:33:22.559
account okay so just do it the local

0:33:19.840,0:33:24.559
ah actually when i started the

0:33:22.559,0:33:26.640
playstation again for that

0:33:24.559,0:33:30.240
it showed me that i didn't turn it on in

0:33:26.640,0:33:30.240
like one and a half years or so

0:33:30.799,0:33:36.720
i don't game a lot but yeah

0:33:34.640,0:33:38.240
tonya pro skate is something i did when

0:33:36.720,0:33:40.799
i was uh i don't know

0:33:38.240,0:33:41.279
12 30 years or so yeah and i played

0:33:40.799,0:33:43.600
there

0:33:41.279,0:33:45.360
i i played it for hours and hours

0:33:43.600,0:33:48.240
together with my brother so

0:33:45.360,0:33:50.159
so yeah well when there was new version

0:33:48.240,0:33:52.320
i had to order it and then

0:33:50.159,0:33:53.519
i had to check it how do you like it

0:33:52.320,0:33:55.919
yeah is it good

0:33:53.519,0:33:56.960
oh yeah it it it's great but but a lot

0:33:55.919,0:34:00.000
of the maps i i

0:33:56.960,0:34:01.120
i can't remember them so uh it's it's a

0:34:00.000,0:34:04.000
whole new experience

0:34:01.120,0:34:05.760
yeah i heard i heard him on a podcast

0:34:04.000,0:34:07.360
recently it's great he's like 50

0:34:05.760,0:34:10.240
something now i think

0:34:07.360,0:34:10.879
tony hawk he's like yeah he's like old

0:34:10.240,0:34:14.320
but uh

0:34:10.879,0:34:17.359
i think he was on uh where's joe regan

0:34:14.320,0:34:21.760
yeah i think so maybe tim ferriss or

0:34:17.359,0:34:25.520
maybe both of them i don't know

0:34:21.760,0:34:28.240
yeah yeah it's pretty uh

0:34:25.520,0:34:31.119
pretty good stories live so yeah yeah

0:34:28.240,0:34:34.639
have you ever skated do you skate at all

0:34:31.119,0:34:37.760
yourself yeah yeah now what

0:34:34.639,0:34:40.879
no not anymore but uh used to

0:34:37.760,0:34:44.079
when uh i used to but

0:34:40.879,0:34:45.280
uh last year i was traveling to some

0:34:44.079,0:34:47.679
clients a lot

0:34:45.280,0:34:48.879
so i was like yeah and it was in the

0:34:47.679,0:34:51.280
city so you have to go

0:34:48.879,0:34:52.480
by public transport to get there and

0:34:51.280,0:34:54.320
then you have to walk like

0:34:52.480,0:34:56.399
one or two kilometers and i was like

0:34:54.320,0:34:59.440
yeah skateboard would be cool now

0:34:56.399,0:35:02.079
so i was thinking about it but

0:34:59.440,0:35:03.040
yeah then i moved yeah back here so i i

0:35:02.079,0:35:06.320
didn't need it

0:35:03.040,0:35:06.880
so it's it's still maybe when uh coffee

0:35:06.320,0:35:09.440
is over

0:35:06.880,0:35:10.000
and uh we get back to the cities i might

0:35:09.440,0:35:12.560
even

0:35:10.000,0:35:13.920
buy one again nice yeah i was thinking i

0:35:12.560,0:35:16.800
have an old one i've had

0:35:13.920,0:35:18.240
god man i've had it for like probably

0:35:16.800,0:35:20.480
like 20 years now

0:35:18.240,0:35:21.440
and uh i'll every once in a while i ice

0:35:20.480,0:35:24.640
skate when i was a kid

0:35:21.440,0:35:26.560
so um every once in a while i'll go but

0:35:24.640,0:35:28.240
actually the other day i started looking

0:35:26.560,0:35:30.000
up like skate parks

0:35:28.240,0:35:32.400
i was like thinking about like going to

0:35:30.000,0:35:36.160
a skate park just for fun

0:35:32.400,0:35:39.599
i would be so old i'd be like

0:35:36.160,0:35:43.440
definitely like the oldest person there

0:35:39.599,0:35:46.960
but i was like i think uh peter yap

0:35:43.440,0:35:47.760
he's also posting on twitter that he's

0:35:46.960,0:35:50.320
uh

0:35:47.760,0:35:50.960
taking classes in skateboarding oh

0:35:50.320,0:35:53.440
that's funny

0:35:50.960,0:35:54.400
yeah yeah i i thought it that was pretty

0:35:53.440,0:35:57.280
cool to do uh

0:35:54.400,0:35:58.079
yeah but as far as i know there's

0:35:57.280,0:36:00.800
nothing around

0:35:58.079,0:36:02.079
here that where i can do it myself yeah

0:36:00.800,0:36:05.119
yes

0:36:02.079,0:36:06.079
yeah is it like in the countryside are

0:36:05.119,0:36:09.920
the streets

0:36:06.079,0:36:13.839
like like easy to skate on or are they

0:36:09.920,0:36:13.839
like the streets like bumpy

0:36:14.640,0:36:18.079
uh like are there sidewalks and stuff

0:36:16.720,0:36:22.640
like that

0:36:18.079,0:36:25.520
yeah yeah the sidewalks okay um

0:36:22.640,0:36:26.000
but where i live that most of the roads

0:36:25.520,0:36:29.599
are

0:36:26.000,0:36:33.680
uh yeah just not highways but

0:36:29.599,0:36:36.160
yeah it's not there's no curves yeah

0:36:33.680,0:36:37.680
no not the best place gotcha okay so

0:36:36.160,0:36:40.640
it's some in the in the

0:36:37.680,0:36:41.599
more smaller cities there are a lot of

0:36:40.640,0:36:44.240
there are places

0:36:41.599,0:36:45.200
that are good to to skate but yeah yeah

0:36:44.240,0:36:46.880
is it really pretty

0:36:45.200,0:36:48.640
too far away is it really pretty where

0:36:46.880,0:36:51.599
you oh yeah yeah

0:36:48.640,0:36:52.160
nice yeah i actually live on an island

0:36:51.599,0:36:54.880
really

0:36:52.160,0:36:56.640
in the netherlands we yeah yeah yeah we

0:36:54.880,0:36:58.160
have five islands in in the netherlands

0:36:56.640,0:37:01.200
and i live from the biggest one

0:36:58.160,0:37:03.680
wow so yeah it's a

0:37:01.200,0:37:07.200
and a lot of tourists come over every

0:37:03.680,0:37:10.079
year cool what's the island called

0:37:07.200,0:37:11.839
all tesla okay cool yeah and the

0:37:10.079,0:37:15.440
internet's good yeah

0:37:11.839,0:37:15.839
the internet yeah yeah yeah i fiber so

0:37:15.440,0:37:17.359
yeah

0:37:15.839,0:37:18.720
okay that's good that's the that's the

0:37:17.359,0:37:19.440
important thing that's the most

0:37:18.720,0:37:22.640
important thing

0:37:19.440,0:37:24.880
yeah yeah i um so

0:37:22.640,0:37:26.720
when i moved here i had the choice of

0:37:24.880,0:37:28.640
two profilers

0:37:26.720,0:37:30.560
so one is a local one and they could

0:37:28.640,0:37:32.800
offer fiber

0:37:30.560,0:37:35.760
and the other one is uh i think the

0:37:32.800,0:37:38.079
biggest in the netherlands

0:37:35.760,0:37:38.880
but the best package they had was like

0:37:38.079,0:37:40.560
two uh

0:37:38.880,0:37:42.240
megabits downloads or something like

0:37:40.560,0:37:46.320
that

0:37:42.240,0:37:48.960
so yeah that's not okay

0:37:46.320,0:37:50.079
no no that wouldn't be an option uh to

0:37:48.960,0:37:52.640
work from yeah

0:37:50.079,0:37:54.320
yeah no you guys like to have your your

0:37:52.640,0:37:56.960
good internet speeds

0:37:54.320,0:37:57.760
um yeah i saw you did a cool home

0:37:56.960,0:38:01.119
automation

0:37:57.760,0:38:03.760
like notification for like physical mail

0:38:01.119,0:38:05.599
um yeah yeah how does that how does how

0:38:03.760,0:38:09.119
does that so there's like an open source

0:38:05.599,0:38:10.800
like alexa type thing that you

0:38:09.119,0:38:14.960
that you use or something like that and

0:38:10.800,0:38:14.960
then how did you how did you set that up

0:38:15.440,0:38:20.880
uh yeah you're going down a deep hole

0:38:18.880,0:38:24.160
now uh

0:38:20.880,0:38:24.480
um so i spent way too much time on this

0:38:24.160,0:38:26.000
so

0:38:24.480,0:38:28.400
so some people are learning new hobbies

0:38:26.000,0:38:32.240
on the lockdown uh

0:38:28.400,0:38:35.920
thing i spent a lot of time on

0:38:32.240,0:38:38.240
automating my own um so

0:38:35.920,0:38:39.520
on the attic above me i've heard

0:38:38.240,0:38:41.200
raspberry running

0:38:39.520,0:38:43.920
and that runs home assistant and i'm

0:38:41.200,0:38:47.119
assistant you can attach just about any

0:38:43.920,0:38:50.079
iot device too

0:38:47.119,0:38:51.280
so that's the same for my mailbox i have

0:38:50.079,0:38:55.760
a small

0:38:51.280,0:38:57.520
really small mini computer in there that

0:38:55.760,0:38:59.920
connected to a retweet and reaches

0:38:57.520,0:39:00.240
basically a switch that goes on and off

0:38:59.920,0:39:03.760
when

0:39:00.240,0:39:06.240
a magnet goes by it ah

0:39:03.760,0:39:08.079
so i got the magnet on the lid and then

0:39:06.240,0:39:10.720
the computer on the other side

0:39:08.079,0:39:11.760
and when the lid moves the thing goes on

0:39:10.720,0:39:14.720
and off real fast

0:39:11.760,0:39:15.760
yeah and when it goes on it connects to

0:39:14.720,0:39:18.720
the wifi

0:39:15.760,0:39:21.200
sensor message and it then uh shuts

0:39:18.720,0:39:24.320
itself down how does it send the message

0:39:21.200,0:39:28.240
is it just an email mq mqtt

0:39:24.320,0:39:31.680
so uh mqtt this yeah

0:39:28.240,0:39:33.119
a protocol for iot devices okay

0:39:31.680,0:39:35.680
and it just sends a message to the

0:39:33.119,0:39:36.640
server and other devices can listen to

0:39:35.680,0:39:39.599
it oh okay

0:39:36.640,0:39:40.800
okay so yeah and that's what i've

0:39:39.599,0:39:44.320
configured

0:39:40.800,0:39:44.720
that's that's what the home assistant

0:39:44.320,0:39:47.440
does

0:39:44.720,0:39:48.320
it listens for that kind of messages and

0:39:47.440,0:39:51.599
then you can

0:39:48.320,0:39:53.760
can automate it nice so i did the same

0:39:51.599,0:39:56.880
for my doorbell when someone

0:39:53.760,0:39:59.040
when someone rings it uh the lights go

0:39:56.880,0:40:02.240
on and off and i get the message and

0:39:59.040,0:40:04.079
a video gets recorded nice

0:40:02.240,0:40:06.960
and around seven when my daughter goes

0:40:04.079,0:40:09.520
to sleep it ultimately turns itself off

0:40:06.960,0:40:10.000
yeah but but when we leave the house it

0:40:09.520,0:40:12.240
will turn

0:40:10.000,0:40:13.359
itself on and all kinds of things that's

0:40:12.240,0:40:16.160
pretty cool does it

0:40:13.359,0:40:17.520
um does it work pretty consistently or

0:40:16.160,0:40:19.920
do you write it to like

0:40:17.520,0:40:20.640
weird bugs where it just doesn't work or

0:40:19.920,0:40:24.480
like

0:40:20.640,0:40:26.960
no i don't know it's pretty stable

0:40:24.480,0:40:27.599
yeah it's it's pretty big uh pretty big

0:40:26.960,0:40:30.000
project

0:40:27.599,0:40:31.520
yeah it's around for eight years or so

0:40:30.000,0:40:33.440
so

0:40:31.520,0:40:34.800
it's a really stable project and it

0:40:33.440,0:40:36.880
works really really nice

0:40:34.800,0:40:39.240
that's cool man it's like all the stuff

0:40:36.880,0:40:41.440
that like like we have something called

0:40:39.240,0:40:42.319
ring.com that does like the video

0:40:41.440,0:40:44.400
doorbell

0:40:42.319,0:40:45.760
yeah i i know enough yeah yeah i

0:40:44.400,0:40:47.839
basically built builders

0:40:45.760,0:40:49.040
you basically built that yourself yeah

0:40:47.839,0:40:51.440
yeah

0:40:49.040,0:40:53.359
they charge like three bucks a month

0:40:51.440,0:40:54.640
which is like okay fine whatever i don't

0:40:53.359,0:40:57.040
care it's three bucks

0:40:54.640,0:40:58.560
but then they charge you for each camera

0:40:57.040,0:41:01.760
so we added like

0:40:58.560,0:41:02.960
two more cameras yeah so you just

0:41:01.760,0:41:04.319
and then if you want to get them in the

0:41:02.960,0:41:04.960
backyard and all of a sudden you're

0:41:04.319,0:41:07.680
paying like

0:41:04.960,0:41:08.720
20 bucks a month for all these yeah yeah

0:41:07.680,0:41:12.400
yeah

0:41:08.720,0:41:14.960
yeah just adds up um that's cool man any

0:41:12.400,0:41:19.760
other cool automations that you've done

0:41:14.960,0:41:21.760
home automations um yeah so recently i i

0:41:19.760,0:41:24.400
automated my my blinds

0:41:21.760,0:41:26.240
so yeah it's still a it's a yeah that's

0:41:24.400,0:41:29.520
a sort of uh

0:41:26.240,0:41:31.200
yeah project in progress so an alpha

0:41:29.520,0:41:34.079
button i want to push it

0:41:31.200,0:41:35.920
the blinds go up or down it takes like

0:41:34.079,0:41:37.119
two or three minutes while this thing is

0:41:35.920,0:41:39.680
[Music]

0:41:37.119,0:41:40.640
just pretty pretty small but it's still

0:41:39.680,0:41:42.079
it's kind of cool

0:41:40.640,0:41:43.920
it takes two or three minutes for the

0:41:42.079,0:41:46.319
blinds to open

0:41:43.920,0:41:47.040
yeah yeah that's a lot they're not that

0:41:46.319,0:41:50.160
big but

0:41:47.040,0:41:51.280
but still it it goes very slowly so when

0:41:50.160,0:41:53.200
the sun

0:41:51.280,0:41:54.800
comes out of the the clouds and the in

0:41:53.200,0:41:56.079
the change right in your face and you

0:41:54.800,0:41:58.319
push the button

0:41:56.079,0:42:00.800
you can better get a coffee or something

0:41:58.319,0:42:02.319
because it takes a while right

0:42:00.800,0:42:04.319
i still think it's pretty cool that's

0:42:02.319,0:42:06.480
really cool man i love it

0:42:04.319,0:42:08.800
um well man it was uh it was really fun

0:42:06.480,0:42:10.319
to catch up uh with you and uh

0:42:08.800,0:42:13.200
chat a little bit where's the best place

0:42:10.319,0:42:17.200
for people to find you online

0:42:13.200,0:42:20.480
uh twitter okay and your twitter

0:42:17.200,0:42:23.440
all my blog uh those two and your

0:42:20.480,0:42:30.640
twitter was your twitter handle again

0:42:23.440,0:42:30.640
uh mbd version okay perfect