 All right everyone, welcome back to your favorite cooking channel. I am chef Luke What we're gonna talk about today is last year Us on this channel. We create we created a website called based on cooking now It was kind of a proof of concept because the the reality is many recipe sites out there. They're so Terrible like there's just all this all these ads all these trackers all just poorly written sites a bunch of terrible things So I just wanted a nice and clear and easy site where you just basically I mean you have recipes That's how it works. You want a recipe? You can click on it. You can read it. It doesn't take a million hours to load Very nice site So I we created this really as a kind of proof of concept that you can like do this kind of stuff And of course many people have submitted recipes. You can check them out now. I I Basically when I created the site I had a lot of people submit recipes. It's probably around 250 Recipes here, but eventually I got tired of maintaining it because I was using this really crappy static site generator Okay, because the whole point of the site. Let's not have a stupid dynamic site But I naively rely relied on this kind of hobbled together static site generator Recently I've switched it over to using Hugo now Hugo if you do not know it is a static site generator written and go and I am now a Firm proponent of it. I've actually used it. I mean off and on for Doing something for someone else like for the past five years or so But it was only now that I've seriously got into it like really got into it I mean, I think I've made some people some websites like five years ago They were like one or two pages, but the nice thing about Hugo specifically for a site like based on cooking Is if you want to order things by like tags like all that kind of stuff Tagging basically comes with by default and it's it's easy to work with it. So you can easily sort things up let's say I want a French dish you can do this and Hugo has many different ways like when you're in Well in the implementation of based on cooking you can either search the tags individually or on each of the Recipes if you go to the bottom, it'll have other related, you know articles or I guess the tags that it's tagged with so you can look for similar things So that is one thing that I wanted, but I also made other changes to based on cooking Specifically you see this very nice search bar at the top. Okay, so the point of that now this actually It's actually JavaScript, but it's like something like five or ten lines basically of JavaScript done right like that I'm not like in general. I'm against JavaScript because what people do is they write entire websites in it because they don't know I don't know they don't know how to use responsive CSS or like other basic or they don't know how to use a statics I don't know what exactly what compels people to use JavaScript, but this is the proper use of it Okay, so what this does now obviously look at all these articles. It's hard to like make sense of them Like look through you really have to have an autistic brain to make sense of all the stuff So what you can now do is just type in. Oh, you know, I'm gonna make something with beef Okay, so beef and so now I have a bunch of different choices for what to click on That kind of stuff or let's say I want I don't know chicken You know, whatever and it will basically I mean it what the JavaScript actually does is it just takes the content that is in This list here and filters it by the word you have And it's not using databases or any I mean it's it's not like a back-end thing It is just like filtering the the list right in front of you and it is not you're not calling in in any external JavaScript bootstrapping garbage or whatever The the nice little hack I did here though. Actually, I should say so you'll notice if I put in beef Okay, so there are a lot of things with beef in the title But there are a bunch of stuff that have beef in it, but they're not in the title Oh, how do you do that? Well, it's actually very easy with Hugo because in Hugo, you know When you have when Hugo is auto-generating, you know, this this list of articles or whatever You can actually have it secretly put in what it's tagged with so what I have here is by each article I have a non displaying list of their tags So when you're searching in here, you're actually searching by both title and tag, but you're not you're not calling any other You know, you're not loading into the other pages or anything like that. It is just right here It's easy for the sir on the server side and it's easy on your browser, right? so that's the whole point like again like So the point is not like being totally anti JavaScript. It's like using it for a purpose like this is the appropriate use of it That's as far as I'm concerned So either way, so this site This is just kind of an announcement that I'm now using this site again It's much easier for me to add stuff and Hugo actually even makes let me let's find Let me just click on something random until I find it another thing that I had trouble with when I first started having people send stuff in is I think my internet conked out for a second Okay, there it goes Is when people at the bottom I let people this guy has a lot of images I let people put like links to their own website or links to cryptocurrency donation addresses So if you like the recipe if you like this guy's, you know ravioli recipe, you can send a Monero down here Now the nice thing about Hugo is you can like have all but what people originally did is they would just like make their own They would format every single one differently They would format, you know, Billy would format his differently from Johnny who did it on another article And it would just be a mess, but the nice thing with Hugo actually I can probably show you how that works Is if we go to what is it data? Oh, where's my face? You don't you don't want to forget that I'm here You know, I think I have one for myself Yeah So instead what you do is you can just have a little JSON file where you have some metadata about each author and then on In the metadata of each article you just say oh, this is the guy who made this particular Thing here you put the author name this corresponds to a JSON file and it automatically gets if they have a website It'll put a link to their website if you have if they have a Bitcoin or Monero donation address It'll have all that kind of stuff so And I think I might do more that in the future like I think maybe prep time and cooking time and serving time Like just putting a couple more things in metadata Because since you're just generating the site when a static site generator doesn't make I mean it just make it Loads instantly for these people. It's not like we're you know Every single page the server is generating something new. It's still a static site But you can Hugo is just so nice in the kind of abstraction like you can do more scripting kind of things and it will compile into a static site Right. So as I again as I said like I've kind of used Hugo off and on for a while But it's only now that I might be doing videos on it in particular just because I found it so useful Or like writing short codes to you know abbreviate things So I might do a little video on that but in the meantime, this is just to talk about based off cooking if you want to add A recipe or something like that you can go to the github which I think well actually I think I pulled it up here Right. It's linked on the site though if you go down to the bottom So there you can create a pull request or you can fix up other recipes or another thing is like I'd kind of like all The recipes out here to eventually have you know a picture for each one So, I mean some of them do right? I think this one Yeah, so this one has a picture, but a lot of them don't so it would be nice if you make one of these to Supply a picture or something like that. So either way, that's that's about it. I'm really loving Hugo I recommend it. I might be doing a couple videos just on basic things. It's a little hard to get started in it because They don't really give you sensible defaults You kind of have to figure out their way of doing things But I very much enjoyed it and it's actually made this side a lot easier. That's why that is why I actually fixed all the stuff up I mean Just because once I learned Hugo It's like so much easier to maintain the site and again the same as with my own personal website Which again is now in Hugo, but I'm probably gonna tweak that a little more I've you know never in the whole all my years of having a website Have I ever liked how my website looks? You know what I mean? Like I will change it a lot I've just never really I've never really felt it But you know, that's just my that's my personal problem. So I'll figure that out. That's for me to figure out But I'll see you guys next time. Thanks for watching check out based on cooking Cook some of the recipes take some pictures send them in or supply your own recipes Amin these recipes if you want you can make changes. That's fine If you have some suggestions now that I'm actually thinking about this site more seriously I want to kind of fix some things up and and make things more consistent just because originally it was just like Oh just submit a recipe. Oh, that sounds okay. I'll accept it All right, so that's it. See you guys next time