illustration for Getting Started with Eleventy
pro

Getting Started with Eleventy

Instructor

Khaled Garbaya
7m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
3.8
325
people completed
Published 2 years ago
|
Updated 2 years ago

Eleventy, or 11ty, is a simple yet very powerful static site generator. It does not require any config to get started.

This what it will take you to get an 11ty project running.

npm install -g @11ty/eleventy
echo '# Page header' > README.md
eleventy

After watching this collection you will be able to:

  • Bootstrap a simple 11ty website
  • Use 11ty layouts
  • Chaining multiple 11ty layouts
  • Use 11ty Collections
  • Create pages from data

...and much more

Learner Reviews

  • Jeff
    4 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Quick, simple, and displayed the power of eleventy

  • Greg Miller
    5 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    How will you use what you learned from this course?

    Not a lot to go on but it looks fun and inviting.

  • Patrick G
    7 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    How will you use what you learned from this course?

    Too bad the author didn't continue the course. It looks like left in the middle of its development. I am totally sure Khaled could easily create "the missing course" on Eleventy.

  • Juan Gonzalez
    11 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Excellent intro to start using Eleventy. I had read about the njk files but didn't really know how to use them before.

  • Ramapriya Radhakrishnan
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Short, clear, and to the point, which is the whole premise of egghead, so it’s on brand 😄

    One tiny nitpick: In the last video, a couple lines of code appeared suddenly. It wasn’t a big deal but threw me off for a second.

    Thanks for a great course!

Course Content

7m • 5 lessons

    You might also like these resources:

    illustration for Introduction to Cloudflare Workers
    Kristian Freeman・36m・Course

    Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout
    Colby Fayock・1h 4m・Course

    This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio

    illustration for Practical Git for Everyday Professional Use
    Trevor Miller・1h・Course

    git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.