Next.js是React服务端渲染应用框架.用于构建SEO友好的SPA应用
支持两种预渲染方式,静态生成和服务器端渲染
基于页面的路由系统,路由零配置
自动代码拆分,优化页面加载速度
支持静态导出,可将应用导出为静态网站
内置CSS-in-JS库styled-jsx
方案成熟,可用于生产环境,世界许多公司都在使用
应用部署简单,拥有专属部署环境Vercel,也可以部署在其他环境
1、创建NextJs项目
npm init next-app
2、运行项目
yarn dev
浏览器打开 http://localhost:3000 即可看到页面
3、pages新建test.js页面
function abc(){
return (
<h1>八点博客</h1>
)
}
export default abc
4、浏览器访问
http://localhost:3000/test
可以看到next已自动为我们配置好路由