nextjs

mkdir nextjs-project
cd nextjs-project
npm init

看到package.json文件

https://nextjs.frontendx.cn/docs/#%E5%AE%89%E8%A3%85

npm install --save next react react-dom

将下面脚本添加到 package.json 中

{
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start"
  }
}

新建 /pages/index.js 到项目中，内容如下

export default () => <div>Welcome to next.js!</div>

运行 npm run dev

安装Koa

npm install koa -save

在根目录创建文件server.js

const koa = require('koa')
const next = require('next')

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

app.prepare().then( () =>{
    const server = new koa()
    server.use(async(ctx,next) => {
        await handle(ctx.req,ctx.res)
        ctx.respond = false
    })

    server.listen(3000,() =>{
        console.log('koa server listening on 3000')
    })
})

再把package.json的dev改成

"dev": "node server.js",

npm run dev