build: use express-handlebars as view engine

ALPHACamp · Mar 26, 2023 · b355f79 · b355f79
1 parent d07d3ea
commit b355f79
Show file tree

Hide file tree

Showing 5 changed files with 178 additions and 3 deletions.
diff --git a/app.js b/app.js
@@ -1,15 +1,19 @@
 const express = require('express')
+const { engine } = require('express-handlebars')
 const app = express()
 const port = 3000
 
+app.engine('.hbs', engine({extname: '.hbs'}))
+app.set('view engine', '.hbs')
+app.set('views', './views')
 app.use(express.static('public'))
 
 app.get('/', (req, res) => {
   res.redirect('/movies')
 })
 
 app.get('/movies', (req, res) => {
-  res.send('listing movies')
+  res.render('index')
 })
 
 app.get('/movie/:id', (req, res) => {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
   "author": "klkuo",
   "license": "ISC",
   "dependencies": {
-    "express": "^4.18.2"
+    "express": "^4.18.2",
+    "express-handlebars": "^7.0.4"
   }
 }
diff --git a/views/index.hbs b/views/index.hbs
@@ -0,0 +1 @@
+<h1>Example App: Home</h1>
diff --git a/views/layouts/main.hbs b/views/layouts/main.hbs
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Example App</title>
+</head>
+<body>
+
+    {{{body}}}
+
+</body>
+</html>