这是我参与「第五届青训营 」伴学笔记创作活动的第 十五 天
创建应用
npx create-next-app@latest
# or
yarn create next-app
安装完成后:
- 运行
npm run dev或yarn dev来启动开发服务器，访问地址为http://localhost:3000。 - 通过
http://localhost:3000地址访问你的应用程序。 - 编辑
pages/index.js文件并在浏览器中查看更新。
感觉下的很慢
官方文档
- 基于React，支持csr、ssr、isr、ssg等渲染或用于渲染的生成方式
- 支持ssr，但只是next.js的一个场景而已
- next.js是Node web领域优秀的ssr框架，这只是其一，其实2019年之后，next.js也开始支持serverless了
- 搭配vercel部署，对serverless支持极好
- 开箱即用，简单易用
- 自动按页面拆分代码，其实是webpack做的事儿，NextJS 将每个页面单独打包，打开首页时会加载应用基础代码和首页代码，其它页面代码只会在打开时才去加载，这对于大型应用来说非常有用。
- 静态页面导出，可以将整个 NextJS 应用导出为一个静态网站，完美的JamStack
nextjs很明显选择易用性，像一个海王一样，太懂用户的心了。所以它也是for 企业，小客户和个人开发者的通用方案，从基础框架，到发布运维都帮你解决了，是极为方便的技术，以致于很多人都把它作为第一梯队的选择。
早期的next.js写法是非常简单的，就只有getInitialProps一个静态方法。
内置 Image Proxy，对图片进行转换、压缩，使得图片体积最小化。并配合图片懒加载与 srcset 一系列关于图片优化的小点子优化网络体验 Next 团队宣传地也颇为实在
