Estoy en medio de la creación de mi primera aplicación web con Node.js y Expressjs. Para mi plantilla/motor de vista, uso Express-handlebars, pero tengo algunos problemas.

Quiero poder cambiar dinámicamente el contenido en el área roja, según el menú seleccionado en la barra de menú de la izquierda.

Ya configuré correctamente las rutas para mostrar la página correcta, pero ¿puedo agregar otro "subdirectorio" de la misma manera que el primero? Entonces, por ejemplo: "dominio/admins/adminpanel/dashboard" muestra el tablero de usuarios en el área roja y "domain/admins/adminpanel/posts" muestra algo más en el área roja.

He probado a usar parciales de manillar, pero no entiendo muy bien el propósito de usarlo de la forma que quiero.

En lugar de publicar 10 imágenes, es más fácil mostrar el código completo: https://github.com/Jakobtottrup/OptekSemester2/tree/master/Web

Captura de pantalla que muestra el "área roja", la página se representa desde aquí

 router.get('/adminpanel', function(req, res){ res.render('admin-backend/adminsDashboard', {title: "Admin Panel", name: "Brugers navn"}); });

este es el HTML que forma la página

 <div class="container"> <div class="row"> <div class="col-md-3"> <ul class="nav nav-pills nav-stacked"> <li class="active"><a href="#"><i class="fa fa-crosshairs fa-fw"></i>{{ name }}</a></li> <li><a href=""><i class="fa fa-edit fa-fw"></i>Posts</a></li> <li><a href="create_seats"><i class="fa fa-th fa-fw"></i>Bordopstilling</a></li> <li><a href="seating_groups"><i class="fa fa-users fa-fw"></i>Siddegrupper</a></li> <li><a href="tournaments"><i class="fa fa-sitemap fa-fw"></i>Turneringer</a></li> <li><a href="users"><i class="fa fa-user fa-fw"></i>Brugere</a></li> <li><a href="sponsors"><i class="fa fa-tasks fa-fw"></i>Sponsors</a></li> <li><a href="mails"><i class="fa fa-envelope fa-fw"></i>Mails</a></li> <li><a href="events"><i class="fa fa-cogs fa-fw"></i>Dette LAN</a></li> </ul> </div> <div class="col-md-9 well"> Panel content here </div> </div>