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

Use Collections in eleventy

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 how to use the collection feature in eleventy. Collections will allow to group content under one tag and loop through it in your template files

for more information check out the eleventy docs

Khaled Garbaya: [0:00] Let's go to our post.md. Add tags, and let's call the tag "post". Let's go to our index, and then change the extension to njk. Let's use our layout. We want to display all the posts. Let's add an h1 here, and then do All Posts.

[0:34] We can use the Eleventy collections object to list all the pages that has the tag "post". Let's hit save and go to our home page. You can see here we have My First Post and then if I click on it, it will take me to my post.

egghead
egghead
~ an hour 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