Success!
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.
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