Next.js 11是创建者Vercel基于React的网络应用框架的最新版本,它拥有更快的启动速度和其他的性能提升。该公司还发布了Next.js Live的预览版,这是一个基于浏览器的开发服务器,致力于促进协作。
Next.js的启动时间已经提高了24%。Vercel表示,从编辑到屏幕的处理时间减少了40%。同时,Next.js脚本组件使开发者能够设置第三方脚本的加载优先级来提高性能。
Next.js Live现在是预览版,它将Next.js的新开发服务器引擎与Vercel协作平台结合起来,使团队能够在任何地方进行共享和编辑。虽然Next.js已经可以通过Node.js在任何地方运行,但Next.js Live进一步增加了一个基于云的协作层。静态和动态Next.js应用程序都得到支持。ServiceWorker、WebAssembly和ES模块被用来支持远程协作。Next.js Live还可以脱机工作,消除了对远程虚拟机的需求。
Next.js 11于6月15日发布。Next.js 11的其他功能包括:
- 实时反馈。利用Webpack HMR,浏览器在保存文件时立即反映出变化。支持快速刷新,状态在发生变化时被保留下来。Webpack 5模块捆绑器现在默认为所有Next.js应用程序启用。
- 一个实验性的Create React App迁移功能将Create React App功能转换为与Next.js兼容。
- 图像增强功能,开发人员可以将HTML图像标签换成Next.js图像组件。
- 支持优化加载,开发人员不必再为加载性能而记住那些复杂的规则。
- 字体增强自动化,其中自定义字体的CSS现在会在构建时自动内联,以消除往返获取字体声明的情况。Next.js中的一个预连接标签与底层字体文件建立了连接,以提高速度。