server.js

const { resolve } = require('path');
const express = require('express');
const morgan = require('morgan');
const openBrowser = require('react-dev-utils/openBrowser');

const app = express();
const currentDirectory = process.cwd();
const { HOST, PORT } = process.env;

app.use(morgan('tiny')); // XHR request logging framework
app.use(express.static('dist')); // express will serve up production assets
app.use('/images', express.static('images')); // express will serve up images
app.get('*', (req, res) =>
  res.sendFile(resolve(`${currentDirectory}/dist/index.html`)),
); // express will serve up the front-end index.html file if it doesn't recognize the route

app.listen(PORT, err => {
  if (!err) {
    const url = `${HOST}${PORT}`;
    console.log(`\nYour application is running on \x1b[1m${url}\x1b[0m\n`);
    openBrowser(url);
  } else {
    console.err(`\nUnable to start server: ${err}`);
  }
});