server.js

import { createServer } from 'http'
import { parse } from 'url'
import next from 'next'

const hostname = 'localhost'
const port = 3000
// when using middleware `hostname` and `port` must be provided below
const app = next({ hostname, port })
const handle = app.getRequestHandler()

app.prepare().then(() => {
	createServer(async (req, res) => {
		const start = Date.now()
		const reqId = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
		try {
			// Be sure to pass `true` as the second argument to `url.parse`.
			// This tells it to parse the query portion of the URL.
			const parsedUrl = parse(req.url, true)
			const fullUrl = `${req.headers['x-forwarded-proto'] || 'http'}://${
				req.headers['x-forwarded-host'] || req.headers.host
			}${req.url}`
			const userAgent = req.headers['user-agent']
			console.log(`[${reqId}][${req.method}] ${fullUrl} - ${userAgent}`)

			try {
				await handle(req, res, parsedUrl)
				const duration = Date.now() - start
				const statusCode = res.statusCode
				console.log(`[${reqId}][${statusCode}][${duration}ms] ${fullUrl}`)
			} catch (err) {
				const duration = Date.now() - start
				const statusCode = res.statusCode || 500
				console.log(`[${reqId}][${statusCode}][${duration}ms] ${fullUrl}`)
			}
		} catch (err) {
			const duration = Date.now() - start
			console.error(`[${reqId}] [${duration}ms] ${req.url}`, err)
			res.statusCode = 500
			res.end('internal server error')
		}
	})
		.once('error', (err) => {
			console.error(err)
			process.exit(1)
		})
		.listen(port, () => {
			console.log(`> Ready on http://${hostname}:${port}`)
		})
})