1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    Use Collections in eleventy

    Khaled GarbayaKhaled Garbaya
    11ty11ty

    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

    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Discuss

    Discuss

    Transcript

    Transcript

    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.