Create an Eleventy (11ty) Site From Scratch

Share this video with your friends

Send Tweet
Published a year ago
Updated 10 months ago

Begining from a brand new project, learn how to install Eleventy (11ty), and add develop and build scripts. Next, define a custom configuration to set preferred input and output directories. Then create a home page file and your first layout while learning how 11ty handles mixing templating languages.

Tommy Williams
Tommy Williams
~ a year ago

I'm enjoying the tight pacing and clear explanations.

I'm curious: What extension(s) do you use for Nunjucks in VS Code? I installed one, but my Emmet snippets don't show up unless I change the language mode of the .njk file to HTML.

Thank you.

Stephanie Eckles
Stephanie Ecklesinstructor
~ a year ago

Hey Tommy, glad you're enjoying this! This tip from my more full-featured starter will help.

Tommy Williams
Tommy Williams
~ a year ago

Thank you verymuch. I ended up having to put the file extension in as the key rather than the language name, but it works now:

  "emmet.includeLanguages": {
    "njk": "html",
  },
``