server.js

// This is a simple Node server that uses the built project.
// Usage: yarn build && yarn serve:node

global.fetch = require('node-fetch')
const path = require('path')
const express = require('express')

const dist = `./dist`

// This contains a list of static routes (assets)
const { ssr } = require(`${dist}/server/package.json`)

// The manifest is required for preloading assets
const manifest = require(`${dist}/client/ssr-manifest.json`)

// This is the server renderer we just built
const { default: renderPage } = require(`${dist}/server`)

const server = express()

// Serve every static asset route
for (const asset of ssr.assets || []) {
  server.use('/' + asset, express.static(path.join(__dirname, `${dist}/client/` + asset)))
}

// Everything else is treated as a "rendering request"
server.get('*', async (req, res) => {
  const url = req.protocol + '://' + req.get('host') + req.originalUrl

  const { html } = await renderPage(url, {
    manifest,
    preload: true,
  })

  res.end(html)
})

const port = 8080
console.log(`Server started: http://localhost:${port}`)
server.listen(port)