Speed up development with full-stack environments for every branch.

Learn More

Handlebars template examples with Express 4 [Node.js]

Forked from Hello World in Express.

5756 Runs 49065 Views 18346 Copies


bantic 6

published 3 years ago

var express = require('express');
var app = express();
var expressHbs = require('express3-handlebars');

app.engine('hbs', expressHbs({extname:'hbs', defaultLayout:'main.hbs'}));
app.set('view engine', 'hbs');

app.get('/', function(req, res){

app.get('/simple', function(req, res){
  var data = {name: 'Gorilla'};
  res.render('simple', data);

app.get('/complex', function(req, res){
  var data = {
    name: 'Gorilla',
    address: {
      streetName: 'Broadway',
      streetNumber: '721',
      floor: 4,
      addressType: {
        typeName: 'residential'
  res.render('complex', data);

app.get('/loop', function(req, res){
  var basketballPlayers = [
    {name: 'Lebron James', team: 'the Heat'},
    {name: 'Kevin Durant', team: 'the Thunder'},
    {name: 'Kobe Jordan',  team: 'the Lakers'}
  var days = [
    'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'
  var data = {
    basketballPlayers: basketballPlayers,
    days: days
  res.render('loop', data);

app.get('/logic', function(req, res){
  var data = {
    upIsUp: true,
    downIsUp: false,
    skyIsBlue: "yes"
  res.render('logic', data);

Please login/signup to get access to the terminal.

Your session has timed out.

Dismiss (the page may not function properly).