Polka NextJS + API Example

api.js

const polka = require('polka')

module.exports = polka()
  .get('/', (req, res) => {
    res.end('this is the api')
  })

index.js

const polka = require('polka')
const next = require('next')

const port = parseInt(process.env.PORT, 10) || 3000
const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()

const api = require('./api')

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

  server.use('/api', api)

  server.get('/a', (req, res) => app.render(req, res, '/a', req.query))

  server.get('*', (req, res) => handle(req, res))
  
  server.listen(port).then(() => {
    console.info(`> Next.js is running on http://localhost:${port}`)
  })
})

pages-a.js

import React from 'react'

export default () => <div>a</div>

pages-index.js

import React from 'react'
import Link from 'next/link'

export default () => (
  <ul>
    <li>
      <Link href='/a'>
        <a>a</a>
      </Link>
    </li>
  </ul>
)

Actually, this works:

  const server = polka({ onNoMatch:handle })

  server.use('/api', api)
  server.get('/a', (req, res) => app.render(req, res, '/a', req.query))

Do you think that's too funky to use? I mean, get('*') is a catch-all anyway.