NextJS学习笔记

NextJS是一个用于生产环境的react框架,可以提供服务器端渲染等等功能 服务端渲染(ssr):后端调用数据库获取数据后,将数据和页面元素进行组合成完整的DOM结构,再返回给浏览器,提供给用户浏览 SPA: 全称single page web application 单一页面,加载慢,百度目前不支持spa的SEO NextJS: 服务端渲染,服务端和客户端数据同步,插件丰富,搭建轻量,灵活配置 手动配置: yarn add react react-dom next yarn init 修改package.json文件 在scripts下加添加 “dev” : “next”, “build”: “next build”, “start”: “next start” 创建个js文件 function Hallo(){ return( <div>hallo next.js</div> ) } export default Hallo yarn dev调试 如果浏览器输出正确则配置成功 通过create-next-app脚手架创建项目 npm install create-next-app -g 或者 yarn add create-next-app -g 创建create-next-app项目 npx create-next-app demo 或者 yarn create-next-app demo 跑create-next-app项目 yarn dev 访问http://localhost:3000/,正常显示网页则配置正常 编程式跳转 import Link from "next/link" <Link href="/"><a>返回</a></Link> Link不支持直接加兄弟标签,起码要有一个父级标签...

2021-08-07 · 2 min · Me