README-configure-http2-express.md

Configure HTTP/2 on express with Remix

Remix uses <link rel="modulepreload"/> on client-side JavaScript.

I thought it would be cool to setup HTTP/2 on express to enable pipelining the script files.

Add spdy package, then update server.js to setup server.

Generate self-signed SSL certificate and copy to ./certs folder.

makecert.sh

openssl req -x509 -out server.crt -keyout server.key \
  -newkey rsa:2048 -nodes -sha256 -days 3650 \
  -subj '/CN=localhost' -extensions EXT -config <( \
   printf "[dn]\nCN=localhost\n[req]\ndistinguished_name = dn\n[EXT]\nsubjectAltName=DNS:localhost\nkeyUsage=digitalSignature\nextendedKeyUsage=serverAuth")

server.js

const spdy = require('spdy')
const fs = require('fs')
const path = require('path')

...

let port = process.env.PORT || 443

spdy
  .createServer(
    {
      key: fs.readFileSync(path.join(__dirname, './certs/server.key')),
      cert: fs.readFileSync(path.join(__dirname, './certs/server.crt')),
    },
    app,
  )
  .listen(port, error => {
    if (error) {
      console.error(error)
      return process.exit(1)
    }
    console.log(`HTTP/2 server listening on https://localhost:${port}`)
  })