server.js

const express = require('express')
const next = require('next')
const api = require('./api/get-item')

const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()

app.prepare().then(() => {
  const server = express()

  // Set up home page as a simple render of the page.
  server.get('/', (req, res) => {
    return app.render(req, res, '/', req.query)
  })

  // Serve the item webpage with next.js as the renderer
  server.get('/item', (req, res) => {
    const itemData = api.getItem()
    app.render(req, res, '/item', { itemData })
  })

  // When rendering client-side, we will request the same data from this route
  server.get('/_data/item', (req, res) => {
    // Simulate something long running so the benefit is more obvious
    setTimeout(() => {
      const itemData = api.getItem()
      res.json(itemData)
    }, 2000);
  })

  // Fall-back on other next.js assets.
  server.get('*', (req, res) => {
    return handle(req, res)
  })

  server.listen(3000, err => {
    if (err) throw err
    console.log('> Ready on http://localhost:3000')
  })
})