Basic 11ty Starting Point

11ty-setup.md

Begin the Project

npm init -y && npm install @11ty/eleventy

Update scripts in package.json

  "scripts": {
    "develop": "eleventy --serve",
    "build": "eleventy"
  },

Create the Site Index File

Create src/

Create src/index.md

Create the base Layout

Create _includes/base.njk

Emmet: html:5

Add title From Frontmatter

• <title>{{ title }}</title>
• <h1>{{ title }}</h1>

Accept Markdown File Content

After h1 add:

{{ content | safe }}

Add layout to index.md

Add to the frontmatter:

layout: base.njk

Add Eleventy Config

Create at project root: .eleventy.js

Add as contents:

module.exports = function (eleventyConfig) {
  return {
    dir: {
      input: "src",
      output: "public",
    },
  };
};

Run the Develop Server

npm run develop