Create Project

mkdir hotel-site
cd hotel-site

npm init -y
npm install @11ty/eleventy

Run Development

npx @11ty/eleventy --serve

or

npm run dev

package.json

{
  "scripts": {
    "dev": "npx @11ty/eleventy --serve",
    "build": "npx @11ty/eleventy"
  }
}

Build Production

npx @11ty/eleventy

Output:

_site/

Check Version

npx @11ty/eleventy --version

or

npm list @11ty/eleventy

Create Starter Structure

mkdir -p src/{pages,blog,assets/{css,js,img},_data}
mkdir -p src/_includes/{layouts,partials,components}

Linux/Mac only.

Install Useful Plugins

Navigation

npm install @11ty/eleventy-navigation

RSS

npm install @11ty/eleventy-plugin-rss

Syntax Highlight

npm install @11ty/eleventy-plugin-syntaxhighlight

Image Optimization

npm install @11ty/eleventy-img

Sitemap

npm install @quasibit/eleventy-plugin-sitemap

Clean Build

Windows

rmdir /s /q _site

Linux

rm -rf _site

Upgrade 11ty

npm update @11ty/eleventy

Debug Config

npx @11ty/eleventy --help

Most Used Commands

These are the commands you'll use 95% of the time in an 11ty workflow.