Encapsulate all templates from the index.html

Design
1

Hey,

I couldn’t find the right answer right now. So for example, i’ve an application which contains books, games or something else. What i want is that i can build the following folder structure:

app.js
templates/
	books/
		index.hbs
	games/
		index.hbs
index.html

If i route to books, the index.hbs should loaded within the index.html {{outlet}} tag.

Is there any way to do this?

Best wishes