Next.js 9.4 已发布,Next.js 是一个用于在服务端渲染 React 应用程序的简单框架。
主要更新内容如下:
- 快速刷新(Fast Refresh): 快速可靠的实时编辑体验,此功能在 Facebook 的规模中得到了验证
- 增量静态更新 (beta): 在部署后以毫秒为单位重新构建静态页面
export async
function
getStaticProps
()
{
return
{
props: await getDataFromCMS(),
// we will attempt to re-generate the page:
// - when a request comes in
// - at most once every second
unstable_revalidate:
1
}
}
- 好处是延迟低、页面永远不会离线、数据库和后端负载也比较低。
- CMS 示例: 使用新一代的静态静态网站生成器生成 Contentful, DatoCMS, Prismic, Sanity 和 TakeShape 的示例
- 支持新的环境变量: 内置支持 .env以及NEXT_PUBLIC_前缀,如 CRA 中的例子
- 改进内置的抓取支持: 弃用node-fetch和isomorphic-fetch导入,转而支持内置的fetch polyfill,适用于 Node.js 和所有浏览器(构建和运行时)
- 集成 Vitals 的网络报告: 从实际流量中获取驱动 Lighthouse 得分的指标
- 导入和 Aliases: 采用更新更清晰的目标、避免出现../../../代码
- 可配置的 SasS 支持: 配置includePaths,和其他内置支持 Sass 的选项
- 改进日志输出功能: 控制台输出更容易阅读、格式化一致和重复性更低的日志