React|Next.js

Next.js是一套基于React的服务器端渲染框架。创建一个Next.js项目，我们利用create-next-app框架来创建。可以用它一句命令生成项目的依赖包（react,react-dom,next）和基本目录。

安装

npm install -g create-next-app

创建next.js项目

npx是Node自带的npm模块,所以只要安装了Node都是可以直接使用npx命令的。
进入目标地址打开命令提示符。

npx create-next-app next-create

执行yarn dev来测试项目。

项目结构

components文件夹:这里是专门放置自己写的组件的，这里的组件不包括页面，指公用的或者有专门用途的组件。
node_modules文件夹：Next项目的所有依赖包都在这里，一般我们不会修改和编辑这里的内容。
pages文件夹：这里是放置页面的，这里边的内容会自动生成路由，并在服务器端渲染，渲染好后进行数据同步。
static文件夹： 这个是静态文件夹，比如项目需要的图片、图标和静态资源都可以放到这里。
.gitignore文件： 这个主要是控制git提交和上传文件的，简称就是忽略提交。
package.json文件：定义了项目所需要的文件和项目的配置信息（名称、版本和许可证），最主要的是使用npm install 就可以下载项目所需要的所有包。