This is the first post in a five-part series on “Getting Started with 🍦.11ty.js”
What is a Local Development Environment Anyway?
Have you ever published a major typo or botched an @ mention on a social media platform or blog? I know I have ✋.
Well, wouldn’t it be great if you could preview what your post would look like before you actually published it for the World Wide Web to laugh you to scorn? That’s one of the problems a local development environment is meant to address.
However, a local development environment, in software parlance, is much more than a way to preview content. A local development environment allows you to run an exact copy of a project on your own computer. And, thanks to Git, you can sync your local copy with the published copy online too.
In other words, you—and whoever else you may want to collaborate with on your project—can break your project, then fix it, then break it some more, all on your own computer. Feel free to test and tinker to your heart’s content before ever releasing the new (and hopefully improved) version to the public.
What Software You’ll Need to Install
🍦.11ty.js uses a program called Eleventy (11ty) to build websites. Eleventy is a type of program known as a static site generator, which basically builds a fresh copy of your site everytime you save a change.
All three programs—Node.js, Eleventy, and 🍦.11ty.js—are free and open source software (FOSS), meaning the code is publicly avaialble. In fact, you’re encouraged to remix your own local copy, create something new and worthwhile with it, and even suggest changes to the original source code. I’m convinced open source development is the most ethically responsible way to build software (but that’s a topic for another post).
How to Get Started
Now that you have an idea of what a local development environment is and why they’re so useful, let’s install a copy of 🍦.11ty.js directly on your personal workstation.
To get up and running, we’ll need to become familiar with four sets of tools, each of which will be the subject of an upcoming post in this series:
- The command line interface, or terminal that comes preinstalled with your operating system
- Node.js and its package manager, npm
- A text editor
Stay tuned 📻.