routes.js

this.resource("posts", { path: "/posts" }, function() {
  this.resource("show", { path: "/:post_id" });
});

this.resource("posts", { path: "/posts" }, function() {
  this.resource("post", { path: "/:post_id" });
});

this.resource("posts", { path: "/posts" });
this.resource("post", { path: "/posts/:post_id" });

@wagenet "The first two cases are useful if you have a master-detail setup. That way the posts view stays visible and you can render the post within it."

I'm trying for this behavior now, but not getting it to work. When using linkTo 'post' post (following second route example), I always get the application template's outlet replaced rather than the outlet in the posts.index template (and thus keeping posts template stuff visible).

For this sort of nested outlets, what is required in the templates. Currently I'm not defining posts template, only posts.index. I read in a guide, I think, that I may need to define posts template with just an outlet.

@walter does your posts template have an outlet in it? If not, Ember will find the closest outlet it can, which will be the one in application.