title: How redirect from a hbs(handlebars) page to a html page
body: <p>I am working on my portfolio project. I am using handlebars and nodeJS.
  <br />I have a section called projects where I list 4 different projects to showcase. I have an index.js where all my routing is done. Projects 1,3,4 work just fine. These all will be clicked on from a project section on my index page.</p>
  <p>However, I am so lost on how to route my project 2. Projects 1,3,4 are all handlebars(.hbs). But my project 2 is an html page. As seen in my code snippet, the html is store under the same /public folder as all my other code. However, I still get the error &quot;Failed to lookup view &quot;../public/views/fountainWebsite/html/home&quot; in views directory&quot;. I am not sure how this needs to be done??</p>
  <pre><code>// === VARIABLES === //
  var express = require('express');
  var app = express();
  var handlebars = require(&quot;express-handlebars&quot;);
  var path = require(&quot;path&quot;);
  var router = express.Router();  //creates a router object
  
   //===== view ENGINE SET UP =====//
  app.set('view engine', 'handlebars');
  app.engine(
      &quot;hbs&quot;,
      handlebars({
        layoutsDir: path.join(__dirname, &quot;/public/views/layouts&quot;),
        partialsDir: path.join(__dirname, &quot;/public/views/partials&quot;), 
        extname: &quot;.hbs&quot;, //expected file extension for handlebars files
        defaultLayout: &quot;layout&quot; //default layout for app, general template for all pages in app
      })
  );
  app.set(&quot;views&quot;, path.join(__dirname, &quot;views&quot;));
   
  //thought this would maybe fix the error?? It didn't//
  // app.set(&quot;fountainWebsite&quot;, path.join(__dirname, &quot;fountainWebsite&quot;)); //
  
  app.set(&quot;view engine&quot;, &quot;hbs&quot;);
  app.use(&quot;/public&quot;, express.static(path.join(__dirname, &quot;public&quot;)));
  
  
  //===== .GET PAGES =====//
  
  app.get('/', (req, res, next) =&gt; { 
      res.render('../public/views/index', {title: 'Home Page', css:['../public/css/style.css'], js:['../public/js/navBar.js']});
  });
  app.use('/', router);
  
  router.get('/project1', (req, res, next) =&gt; {
      res.render('../public/views/partials/project1', {title: 'Data Structures', css:['../public/css/projects.css'], js:['../public/js/navBar.js']});
  });
  
  //error here//
  router.get('/project2', (req, res, next) =&gt; {
      res.render('../public/views/fountainWebsite/html/home');
  });
  
  router.get('/project3', (req, res, next) =&gt; {
      res.render('../public/views/partials/project3', {title: 'This Portfolio', css:['../public/css/projects.css'], js:['../public/js/navBar.js']});
  });
  
  router.get('/project4', (req, res, next) =&gt; {
      res.render('../public/views/partials/project4', {title: 'Dictionary', css:['../public/css/projects.css'], js:['../public/js/navBar.js']});
  });
  
  </code></pre>