server.js

var express = require('express');
var morgan = require('morgan');
var path = require('path');
var webpack = require('webpack');
var webpackConfig = require('./webpack.config');
var compiler = webpack(webpackConfig);

// Create our app
var app = express();
const PORT = process.env.PORT || 3000;

// Setup logger
app.use(morgan(':remote-addr - :remote-user [:date[clf]] ":method :url HTTP/:http-version" :status :res[content-length] :response-time ms'));


app.use(require("webpack-dev-middleware")(compiler, {
    noInfo: true,
    publicPath: webpackConfig.output.publicPath
}));

app.use(require("webpack-hot-middleware")(compiler));

app.use(function(req, res, next) {
    if (req.headers['x-forwarded-proto'] === 'https') {
        res.redirect('http://' + req.hostname + req.url);
    } else {
        next();
    }
});

app.use(function(req, res, next) {
    var userAgent = req.get('User-Agent');
    console.log(userAgent);
    next();
});

app.use(express.static('public'));


// Always return the main index.html, so react-router render the route in the client
app.get('*', (req, res) => {
    res.sendFile(path.resolve('public', 'index.html'));

});


app.listen(PORT, function() {
    console.log('Express server is up on port ' + PORT);
});