node.jsexpresshandlebars.js

How to change default layout in express using handlebars?


I am using Express 4.9.0 and express-generator.

Created boilerplate with a following command:

express --hbs projectname

Builtin handlebars is using views/layout.hbs by default as a master page. But i cannot see any settings in my app.js to change that behaviour.

piece of code from my app.js:

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');
  1. How can i change my default layout globally?
  2. What if i want to have 2 or 3 different global layouts?

Solution

  • You can specify what layout you want to use as part of the render call. If you create a new layout called other.hbs, you can then do something like:

    res.render('view', { title: 'my other page', layout: 'other' });
    

    To override this for the entire application, you can use:

    app.set('view options', { layout: 'other' });