![]() A static site is basically a website consisting of files, not something like WordPress which pulls data from a database at all times. You give Eleventy a build command, and it’ll take the things you’ve done – HTML, CSS, JavaScript, written pages and posts – and build a static site for you. When you run Eleventy, which is a static site generator, on your computer, you need Node.js and some dependancies. Let Netlify do the heavy lifting, and build using Eleventy, by pulling the changes from the repository on Github.Make changes to the code, and push to our repository Github.Setup a site on Netlify, with the help of Github – we’ll get a repository to push to with all the bells and whistles.It’s deeply integrated with many services, including Netlify. They’re all great, to be honest, but I’ve transitioned (back) to Github personally, and professionally too. You can roll your own git server if you like, or use the likes of Github, Bitbucket, or Gitlab. Okay, enough premises – here we go! Git in the center Please note that this isn’t an Eleventy or Netlify guide, we’re talking about the tool here. Netlify is a great starting point for static site generators – there are many others besides Eleventy – but there are several other options out there. The idea here is to explore the concept of deploy-based development. Eleventy needs Node.js to run, but we won’t be doing that today (short version: you can on an iPad, but not really), instead we’ll deploy to Netlify.The code will be a mix of HTML, CSS, and JavaScript, with Eleventy handling the build process.We’ll rely on Eleventy, an up-and-coming static site generator system that I’ve been meaning to try out. ![]() So, from a more technical perspective then, this is what we’re going to be doing. I covered the design in the previous issue, so if you want more than the Affinity Designer screenshot below, go read that. “about us”) page or two, and then there’s the actual articles, posts, whatever you want to call them. It’s got a front page listing the latest updates, there’s an archive too, an informational (i.e. This is what we’re doingīored Horse is a pretty simple site. You don’t have to know what that means to benefit from this issue, but if you do, there might be a pointer or two in here. It’ll be very much JAMstack-y, which suits the iPad just fine. Well, that’s not necessarily a deciding factor anymore.īored Horse, which is the name of the site we’re building (yes, there’s a story there), won’t be WordPress. There are so many limitations with not being able to run local machines and whatnot. Most of the time I don’t build sites on it though. My iPad has been a natural part of my workflow for years, and it is indeed my preferred device. I’ve also written and sold some hundred thousands books on web development, mostly covering WordPress, so I’m not exactly new to this web development thing. Hedengren, and when I don’t drone on about the benefits of a more personal computing device – aka the iPad – I run a digital agency called Divide & Conquer. We talked web design in the previous issue, and now we’re going to take that design and build ourselves a brand new site. Like building a website on our iPads, how about that? It makes sense that we’d be doing something (hopefully) substantial in this, the twentieth issue. We’re twenty issues in, which feels pretty good if you ask me. □ This member post is free for all, thanks to our paying subscribers.
0 Comments
Leave a Reply. |