推荐文档:生成<head> - 《next.js v7.0 中文文档》 - 书栈网 · BookStack
1,解决的问题
SPA单页面应用的两个问题:首屏加载过慢,不能SEO(搜索引擎抓取)
2,它是一个react服务端渲染框架
3,做的事
帮助我们配置webpack,路由
自带数据同步(后端数据和前端)
很多插件(生态)
灵活的配置
4,搭建方式:create-next-app脚手架或者手动
5,手动搭建next.js
npm init
npm install react react-dom next
配置package.json
Dev. Next
Build next build
Start next start
pages页面next自动将该文件夹中进行路由配置
6,使用creat-next-app脚手架
Sudo nom install -g create-next-app
npx create-next-app 项目名称
虎扑初始化一个next.js项目:
yarn create