Next.js---一个轻量级的 React SSR应用框架

为什么要用Next.js

目前react，vue都是单页面应用，首屏加载过慢，而且不能SEO

Next.js介绍

Next.js 是一个轻量级的 React 服务端渲染应用框架。

优点

• 完善的React项目架构，搭建轻松。比如：Webpack配置，服务器启动，路由配置，缓存能力，这些在它内部已经完善的为我们搭建完成了。
• 丰富的插件帮开发人员增加各种功能。
• 自带数据同步策略，解决服务端渲染最大难点。把服务端渲染好的数据，拿到客户端重用，这个在没有框架的时候，是非常复杂和困难的。有了Next.js，它为我们提供了非常好的解决方法，让我们轻松的就可以实现这些步骤。
• 等等…

创建

1.手动创建

1. npm init --初始化项目，生成package.json
2. yarn add next react react-dom --安卓依赖包
3. 增加配置项
   “dev”: “next dev”–开发模式下调试
   “build”: “next build”–项目打包
   “start”: “next start”–打完包之后开启服务

2.脚手架创建：create-next-app

项目目录结构