Documentation — Table of Contents

Quickstart

Fast path to a single-language Baseline site. For full context, see the Simple Baseline Site tutorial.

Prerequisites

package.json with "type": "module" and scripts:

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

mkdir baseline-quickstart
cd baseline-quickstart
npm init -y
npm install @11ty/eleventy @apleasantview/eleventy-plugin-baseline @11ty/eleventy-img

.env:

ELEVENTY_ENV="development"
URL="http://localhost:8080/"

eleventy.config.js: add baseline({}) and export config; if you have other config/plugins, place Baseline last.
src/_data/site.js: title/tagline/url/defaultLanguage.
src/_data/head.js: CSS/JS links.
src/_includes/layouts/base.njk: add <baseline-head> inside <head>.
src/content/pages/index.md: front matter + minimal body.
Assets: src/assets/assets.11tydata.js (exclude from collections), src/assets/css/index.css, src/assets/js/index.js.

Dev: npx rimraf dist/ && npm run dev
- Open http://localhost:8080/; check dist/ (including dist/sitemap.xml).
Build: npx rimraf dist/ && npm run build
- Inspect dist/ for final output.

Previous: Overview