⚠️ This lesson is retired and might contain outdated information.

Bootstrap an eleventy project

Khaled Garbaya
InstructorKhaled Garbaya
Share this video with your friends

Social Share Links

Send Tweet
Published 4 years ago
Updated 2 years ago

In this video, you will learn to bootstrap an eleventy project.

we'll start from an empty directory, initialize it as an npm package, install @11ty/eleventy package and create the website entry point.

Eleventy can compile multiple file formats, HTML, markdown, liquid, and njk.

Check out the eleventy docs for more information.

Khaled Garbaya: [0:00] First let's install Eleventy. Next let's go to the package.json and add two scripts. One is start, this will be "eleventy --serve." The second will be build, this will be "eleventy." Let's hit Save.

[0:33] Let's create a page and call it index.html. Let's add our h1. Here we can do "Hello world." Let's run npm start.

[0:53] Now we can go to our website in here. Let's copy this and go to our browser, and this is our Eleventy project running.

[1:05] Eleventy also supports Markdown. If we rename this file to index.md, you can see it still works. We can change this to use Markdown, and save. You can see it's still parsing the page and displaying it.

~ 14 minutes ago

Member comments are a way for members to communicate, interact, and ask questions about a lesson.

The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io

Be on-Topic

Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.

Avoid meta-discussion

  • This was great!
  • This was horrible!
  • I didn't like this because it didn't match my skill level.
  • +1 It will likely be deleted as spam.

Code Problems?

Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context

Details and Context

Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!

Markdown supported.
Become a member to join the discussionEnroll Today