title: css files not found using express-handlebars
body: <p>I'm using express-handlebars to render some html pages. The browser is not finding the css files that I'm linking to.
  This is what my server file looks like:</p>
  
  <pre><code>const express = require('express');
  const exphbs = require('express-handlebars');
  const path = require('path');
  const _ = require('lodash');
  const bodyParser = require('body-parser');
  const socketIO = require('socket.io');
  const http = require('http');
  var static = require('node-static');
  
  var {mongoose} = require('./db/mongoose.js');
  
  var {User} = require('./models/user');
  
  const publicPath = path.join(__dirname, '../public');
  var app = express();
  app.engine('handlebars', exphbs({defaultLayout: 'main'}));
  app.set('view engine', 'handlebars');
  var server = http.createServer(app);
  var io = socketIO(server);
  const port = process.env.PORT || 3000;
  
  app.use('/', express.static(publicPath));
  app.use(bodyParser.json());
  
  app.get('/', (req, res) =&gt; {
      res.render('home');
  });
  </code></pre>
  
  <p>And this is how I've formatted the urls on my main layout:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="views/assets/bootstrap/css/bootstrap.min.css"&gt;
  </code></pre>
  
  <p>The assets folder is in the root of the views folder. How can I fix this?</p>
  
  <p>Edit: This is my directory structure.</p>
  
  <p><a href="https://i.stack.imgur.com/9Bcuw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9Bcuw.png" alt="enter image description here"></a></p>