环境构建

方案一：

NextJS（服务端渲染:SSR）

• 完善的React项目架构，搭建轻松
• 自带数据同步策略，解决同构项目的最大难点
• 丰富的插件帮助我们增加各种功能
• 灵活的配置根据你的需求自定义

创建项目

• 手动创建的步骤：
  1. 新建目录
  2. npm init -y
  3. yarn add react react-dom next
  4. 创建pages folder
  5. package.json中增加scripts:
     • "dev": "next"
     • "build": "next build"
     • "start": "next start"
  6. 在pages folder中，创建index.js页面，页面内不需要再引入import React from 'react'
     • export default () => <span>Index</span>
  7. 启动: yarn dev
• 脚手架创建create-next-app
  • create-next-app <project-name>

方案二：