Eleventy takes a directory of content (Markdown, HTML, or any custom file type) and quickly builds it into a fast website. Eleventy is stable, secure, and privacy-focused: giving you full control of the output.
Eleventy requires a way to run JavaScript on your computer and we recommend Node.js (version
18 or newer). You can check whether or not you have Node.js installed by running node --version in a Terminal. (Well, wait—what is a Terminal?) If node is not found or it reports a version number below
18, you will need to install Node.js before moving on.
Now we’ll create an index.mdMarkdown file. You can do this in the text editor of your choice or by running one of these commands in your terminal:
pnpm is an optional alternative to npm that needs to be installed separately.
yarn dlx @11ty/eleventy --serve
Yarn is an optional alternative to npm that needs to be installed separately.
Eleventy compiles any files in the current directory matching valid file extensions (md is one of many) to the _site output folder. It might look like this:
[11ty] Writing _site/index.html from ./index.md (liquid)
[11ty] Wrote 1 file in 0.03 seconds (v3.1.8)
[11ty] Watching…
[11ty] Server at http://localhost:8080/
The --serve option also starts a local development server. Open up http://localhost:8080/ in your favorite web browser to view your web site.
If you’d like to experiment further with different template syntax, edit the following sample index.md file in your browser. Front Matter, Liquid and Markdown are in use.
“I looked into and actively tried using various static site generators for this project. Eleventy was the only one I could find that gave me the fine-grained control I needed at blazingly fast build times.” —Mathias Bynens
“I use Eleventy on almost every project at this point and I love it.” —Lea Verou