Part 8 — Working with the {{#foreach}} loop and post object

Rendering lists of posts — the core of any collection page.

The loop

{{#foreach posts}}
  <article>
    <h2>{{title}}</h2>
    <p>{{excerpt}}</p>
    <a href="{{url}}">Read</a>
  </article>
{{/foreach}}

The post object

• {{title}}, {{excerpt}}, {{url}}
• {{feature_image}}, {{reading_time}}
• {{primary_tag}}, {{primary_author}}

Loop context helpers

{{#foreach posts}}
  {{#if @first}}…{{/if}}
  {{@number}} of {{@total}}
{{/foreach}}