metalsmith collections previous next

Question

According to the metalsmith-collections docs it supports 'previous/next' links between members of a colleciton:

A Metalsmith plugin that lets you group files together into an ordered collection, like blog posts. That way you can loop over them to generate an index, or add 'next' and 'previous' links between them.

However there is no real example of how this plays out on the template side (I'm using swig, but any example might do).

have you seen the [RobinThrift.com](http://www.robinthrift.com) turorial on [metalsmith](http://www.robinthrift.com/posts/metalsmith-part-2-shaping-the-metal/) ? — James Khoury, Apr 10 '15 at 00:02
There is an example of use a collection: http://www.robinthrift.com/posts/metalsmith-part-2-shaping-the-metal/#collections-in-templates and it isn't a stretch to assume that they can be referenced by `this.next` and `this.previous` (while iterating through a collection) — James Khoury, Apr 27 '15 at 23:24

score 2 · Answer 1 · edited Dec 20 '15 at 22:09

I had the same question, and this was the solution I put in my Handlebars template:

{{#if this.previous.path}}
    <a href="{{ link this.previous.path }}">Previous: {{ this.previous.title }}</a>
{{/if}}

{{#if this.next.path }}
    <a href="{{ link this.next.path }}">Next: {{ this.next.title }}</a>
{{/if}}

link is my helper:

Handlebars.registerHelper('link', function(path) {
    return metadata.baseUrl + '/' + path;
});

score 1 · Answer 2 · answered Dec 22 '15 at 15:56

1

This is how I use next/previous links in my Jade template:-

if previous
    a(href='/'+previous.path) Previous

if next
    a(href='/'+next.path) Next

answered Dec 22 '15 at 15:56

jtb

139
7

metalsmith collections previous next

2 Answers2