Next.js初体验

Next.js是一个极简的React服务端渲染框架

快速上手

• 建立一个文件夹test, cd test

• 建立package.json文件，然后安装必要的npm包

  npm install --save next react react-dom

• package.json中增加如下脚本

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

每个.js文件都变成了一个自动处理和渲染的路由

• 在项目中新建文件pages/index.js

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

• 运行npm run dev，服务已经建立，打开http://localhost:3000可看到运行的程序

是不是很简单！！！