官网教程

快速开始

npx create-next-app

安装

npm install --save next react react-dom

在package.json文件中添加以下文件

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

页面文件位置

pages文件下的每一个.js文件相当于每一个路由,自动处理和渲染。

eg: 新建文件 ./pages/index.js

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

代码自动分割

每个页面中只导入本页面import引入并且使用的代码,不会加载不需要的代码

eg:

import cowsay from 'cowsay-browser'

export default () =>
  <pre>
    {cowsay.say({ text: 'hi there!' })}
  </pre>

运行 npm run dev 命令并打开 http://localhost:3000。 如果你想使用其他端口,可运行 npm run dev -- -p <设置端口号>

Next.js 只支持React 16.