Currently, my homepage displays the 6 oldest Story posts from MongoDB.
Here is the query I use to retrieve data from Mongo:
var query = Story
.find({maxlines:10})
.sort({_id:1})
.limit(6);
After querying the data, I pass it to dust.js using the following code:
app.get('/', function(req, res){
query.exec(function(err, story) {
if (err) console.log(err);
res.render('index', {
title: 'Test!',
storytitle1: story[0].title,
storylines1: story[0].lines,
storyid1: story[0].sid,
storyslug1: slugs(story[0].title),
storytitle2: story[1].title,
storylines2: story[1].lines,
storyid2: story[1].sid,
storyslug2: slugs(story[1].title),
storytitle3: story[2].title,
storylines3: story[2].lines,
storyid3: story[2].sid,
storyslug3: slugs(story[2].title),
storytitle4: story[3].title,
storylines4: story[3].lines,
storyid4: story[3].sid,
storyslug4: slugs(story[3].title),
storytitle5: story[4].title,
storylines5: story[4].lines,
storyid5: story[4].sid,
storyslug5: slugs(story[4].title),
storytitle6: story[5].title,
storylines6: story[5].lines,
storyid6: story[5].sid,
storyslug6: slugs(story[5].title)
});
});
});
In the .dust template, I have the following structure:
<h1 class="title">{storytitle1}</h1>
{#storylines1}
<ul>{text}</ul>
{/storylines1}
<h1 class="title">{storytitle2}</h1>
{#storylines2}
<ul>{text}</ul>
{/storylines2}
While this method works perfectly fine for rendering each post individually, I am exploring better and cleaner ways to achieve this. Specifically, I am looking for a solution that would allow me to implement another page, like '/all/', which can display a larger number of stories without the need to write them all individually in the template.