server.js

require('dotenv').config({ silent: true });

const express = require('express');
const app = express();
const path = require('path');
const fs = require('fs');
const http = require('http');
const moment = require('moment-timezone');
moment.tz.setDefault("UTC"); 
const serialize = require('serialize-javascript');


app.use('/public', express.static(path.join(__dirname, 'public')));





let events = [
  { description: 'Random event 1', date: moment('2020-09-28', 'YYYY-MM-DD') },
  { description: 'Random event 2', date: moment('2020-10-01', 'YYYY-MM-DD') },
  { description: 'Random event 3', date: moment('2020-10-17', 'YYYY-MM-DD') }
];

let renderer;



if(process.env.NODE_ENV === 'production') {
  let bundle = fs.readFileSync('./dist/node.bundle.js', 'utf8');
  renderer = require('vue-server-renderer').createBundleRenderer(bundle);
  app.use('/dist', express.static(path.join(__dirname, 'dist')));
}



app.get('/', (req, res) => {
  let template = fs.readFileSync(path.resolve('./index.html'), 'utf-8');
  let contentMarker = '<!--APP-->';
  if(renderer) {
    renderer.renderToString({ events }, (err, html) => {
      if(err) {
        console.log(err);
      } else {
        // console.log(html);
        res.send(template.replace(contentMarker, `<script>var __INITIAL_STATE__ = ${serialize(events)}</script>\n${html}`));
      }
    });
  } else {
    res.send('<p>Awaiting compilation..</p><script src="/reload/reload.js"></script>');
  }
  
});


// Body parser
app.use(require('body-parser').json());

// Add new route in express framework
app.post('/add_event', (req, res) => {
  console.log(req.body); // req.body is incoming request
  events.push({
    description: req.body.description,
    date: moment(req.body.date)
  }); 
  res.sendStatus(200);
 });

const server = http.createServer(app);

if (process.env.NODE_ENV === 'development') {
  const reload = require('reload');
  const reloadServer = reload(app);
  require('./webpack-dev-middleware').init(app);
  require('./webpack-server-compiler').init(function(bundle) {
    console.log('Node bundle built');
    let needsReload = (renderer === undefined);
    renderer = require('vue-server-renderer').createBundleRenderer(bundle);
    if(needsReload) {
      reloadServer.reload();
    }
  });
}

server.listen(process.env.PORT, function () {
  console.log(`Example app listening on port ${process.env.PORT}!`);
  if (process.env.NODE_ENV === 'development') {
    require("opn")(`http://localhost:${process.env.PORT}`);
  }
});