[Nextjs] A nextjs middle proxy

link.js

/*
** the nextjs link example
** currentpath: /pages/link.js
*/

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

export default class extends React.Component {
  render() {
   return (
    <>
     <Link href="/post" as="/post/2">
      <a>link to 2</a>
     </Link>
    <>
   )
  }
}

post.js

/*
** currentpath: /pages/path.js
*/

import { withRouter } from 'next/router'

export default withRouter((router)=> (
  <>
    <p>the id is { router.query.id }</p>
  </>
))

server.js

/*
** use `koa` and `koa-router`
** https://github.com/zeit/next.js#custom-server-and-routing
*/

const koa = require('koa')
const Router = require('koa-router')
const next = require('next')

// check the env is dev
const dev = process.env.NODE_ENV == 'production'

const app = next({ dev })

const handle = app.getRequestHandler()

app.prepare()
  .then(()=> {
    const server = new Koa()
    const router = new Router()
    
    router.get('/path/:id', async ctx => {
      const id = ctx.params.id
      await handle( ctx.req, ctx.res, {
        pathname: '/path',
        query: { id }
      }
      ctx.respond = false
    })
    server.use(router.routes())
    
    server.use(async (ctx, next) => {
      await handle(ctx.req, ctx.res)
      ctx.respond = false
    })
    server.listen(3000, () => {
      console.log('koa-server run in :3000')
    })
  })