Eleventy Recipes Wordmark

Eleventy Recipes

Start an Eleventy site from scratch

By Mike Aparicio

This is the most basic of sites, but the start of something great! All other recipes will assume you have everything below (What you'll need) and at least this very basic Eleventy setup.

What you'll need

☑️ A terminal emulator (iTerm2)
☑️ node.js (https://nodejs.org)
☑️ npm
☑️ A web browser (Firefox)

Directions

  1. Create a directory for your Eleventy project
mkdir my-eleventy-project
  1. Change to your Eleventy project directory
cd my-eleventy-project
  1. Create a package.json file
npm init -y
  1. Install Eleventy in the local directory
npm install --save-dev @11ty/eleventy
  1. Create an index page using Markdown
echo '# My Eleventy Project' > index.md
  1. Process the index page with Eleventy and start a local server
npx @11ty/eleventy --serve
  1. Your site can be viewed locally by visiting http://localhost:8080

Resources