本文介绍了Next.js，一个React服务端渲染框架，用于解决SPA的首屏加载和SEO问题。Next.js提供了自动配置、数据同步、丰富的插件生态等特性。通过create-next-app或手动搭建项目，创建页面并利用自动路由功能。文章还讨论了Link组件、动态路由、getServerSideProps等关键概念，强调了服务端渲染对于SEO的重要性。
推荐文档：生成<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 next-app --typescript
7，页面访问路径自动加载
next.js的pages中的js，jsx默
最低0.47元/天 解锁文章
扫一扫
661
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
