Untitled

//////
app.js
//////
let hbs = require('express-handlebars');
let logger = require('morgan');
// Example routes
let indexRouter = require('./routes/index');
let apiRouter = require('./routes/api');


app.use('views', express.static(path.join(__dirname, 'views')));
app.set('view engine', 'hbs');

app.engine('hbs', hbs({
    extname: 'hbs',
    defaultView: '',
    layoutsDir: __dirname + '/views',
    partialsDir: __dirname + '/views/partials'
}));
app.use(express.static('public'));
// Logger
app.use(logger('dev'));

// Routes example
app.use('/', indexRouter);
app.use('/api', apiRouter);

// Bootstrap integration
app.use('/css', express.static(__dirname + '/node_modules/bootstrap/dist/css'));
// insert this in head partial
// head.hbs
<link rel="stylesheet" href="/css/bootstrap.min.css" />
/////////////

//layout.hbs
<!DOCTYPE html>
<html>
<head>
    {{> head}}
</head>
<body>
<div id="wrapper">

    {{> header}}
    {{{body}}}
    <footer>
        {{> footer}}
    </footer>
</div>
</body>
</html>
////////////////////////////

// index.js route usage example and template rendering
let express = require('express');
let router = express.Router();

router.get('/about', (req, res, next) => {
    res.render('about', {layout: 'layout', title: 'About'});  // Here about is your about.hbs file from "views"
});