Handlebars for templating

fc783208 · Erick Hitter · 6e8cda57 · fc783208 · fc783208 · fc783208
Verified Commit fc783208 authored Dec 25, 2016 by Erick Hitter
Showing with 40 additions and 6 deletions

index.js index.js +30 -5

package.json package.json +2 -1

render/index.handlebars render/index.handlebars +1 -0

render/templates/main.handlebars render/templates/main.handlebars +7 -0

No files found.
--- a/index.js
+++ b/index.js
 'use strict';

-var express = require( 'express' );
-var wpapi   = require( 'wpapi' );
-var app     = express();
+// Libraries and other setup
+var express    = require( 'express' );
+var wpapi      = require( 'wpapi' );
+var handlebars = require( 'express-handlebars' );
+var app        = express();

-// Only one route
+app.set( 'view engine', 'handlebars' );
+app.engine( 'handlebars', handlebars( {
+    defaultLayout: __dirname + '/render/templates/main.handlebars',
+    partialsDir: __dirname + '/render/partials',
+    layoutsDir: __dirname + '/render/templates'
+} ) );
+app.set( 'views', __dirname + '/render' );
+
+var domains = [
+    'https://ethitter.com',
+    'https://erick.blog',
+    'https://i.ethitter.com'
+];
+
+// Rendering
 app.get( '/', function( req, res ) {
-    res.send( 'Hello World' );
+    res.render( 'index', domains );
+} );
+
+// Get some data
+app.get( '/api', function( req, res ) {
+    res.status( 400 ).send( { error: 'Must specify a domain!' } );
+} );
+
+app.get( '/api/:domain', function( req, res ) {
+    res.json( { 'd': req.params.domain } );
 } );

 // Listen on some random, unused port

--- a/package.json
+++ b/package.json
@@ -15,7 +15,8 @@
  },
  "dependencies": {
    "express": "*",
-    "wpapi": "*"
+    "wpapi": "*",
+    "express-handlebars": "*"
  },
  "repository": {
    "type": "git",

--- a/render/index.handlebars
+++ b/render/index.handlebars
+{{!< main}}
\ No newline at end of file
--- a/render/templates/main.handlebars
+++ b/render/templates/main.handlebars
+<!DOCTYPE>
+<html>
+    <head>
+        <title></title>
+    </head>
+    <body></body>
+</html>