react: nextJs koa project basic structure

"dev": "next"

"start": "next start" 

"build": "next build"

export default () => <span>hello react next<span>

const Koa = require(‘koa‘);
const next = require(‘next‘);

const dev = process.env.NODE_ENV !== "production";
//创建next app处于开发状态
const app = next({ dev });

const handle = app.getRequestHandler();

//页面加载编译完成后在处理请求
app.prepare().then(() => {
    const server = new Koa();
    //中间件的使用
    server.use(async (context, next) => {
        //request,response,req,res;await next() 执行下一个中间件
        await handle(context.req, context.res);
        context.respond = false;
    });
    server.listen(3000, () => {
        console.log("koa server listening on 3000")
    })
})

const withCss = require(‘@zeit/next-css‘);

if (typeof require !== ‘undefined‘) {
    require.extensions[‘.css‘] = file => {}
}

module.exports = withCss({})

{
    "presets": ["next/babel"],
    "plugins": [
        [
            "import",
            {
                "libraryName": "antd",
                "style": "css"
            }
        ]
    ]
}

import App from "next/app";

import "antd/dist/antd.css";

export default App

import { Button } from "antd";
export default () => <Button type="primary">hello world</Button>