网络应用程序框架Next.js 12大改版，新的Rust编译器成亮点

连Netflix、Dcard和Twitch等知名服务都在用的应用程序开发框架Next.js，推出最新版本Next.js 12，官方提到，这是有史以来最大的更新，新增的功能包括Rust编译器和中介层（Middleware），另外，还加入正在Alpha测试的URL套件汇入功能，和React Server Components，想尝鲜的开发者也可先试试新功能。

Next.js 12新的Rust编译器，能实现更快速的建置，并且在本地端开发时，让开发者更快得到回馈。这个新的Rust编译器建立在开放平台SWC上，其最佳化了捆绑和编译，因此本地快速刷新（Fast Refresh）速度可达3倍快，而建置生产用软件则有5倍快。Fast Refresh是 Next.js的一项功能，能够在开发者对React元件进行编辑时，即时做出回馈。

除此之外，大型程式码库的编译，能获得更多的速度提升，而且因为Next.js现在于控制台中，会对客户端和服务器Fast Refresh计时，因此提升了效能的可观察性，官方也针对底层Webpack进行大量的改进，包括最佳化Fast Refresh，并使得按需项目更可靠。

使用Rust进行编译，比使用Babel快了17倍，在Next.js 12中已经预设启用，替代转换JavaScript和TypeScript档案的旧方法。Rust编译器向后相容，用户现有的Babel配置会自动被忽略，官方接下来计划要移植热门的函式库。Rust编译器支援最小化，速度比Terser快7倍，不过最小化目前仍是可选项目，直到被彻底验证，才会用来取代多年的基础设施。

官方为了提升Next.js的灵活性，在Next.js加入中介层，也就是说，程式现在于用户传入的请求完成之前，可以执行额外的程式码，像是重写、重新定向、添加标头或是串流HTML来修改回应。中介层可用在一组页面共享逻辑的任何内容，包括验证、机器人保护和处理不支援的浏览器等。中介层使用严格的Runtime，并且支援标准Web API。

Next.js 12提供ES模组和URL汇入功能，ES模组带来JavaScript官方标准化的模组系统，所有主要浏览器和Node.js都已经支援，透过支援更小的套件大小和JavaScript套件包，来推动Web生态系发展。

官方提到，JavaScript正历经从旧标准过渡到ES模组的过程，Next.js协助开发者逐步采用这些改进，不必进行破坏性更新。Next.js 12还支援透过URL汇入ES模组，不需要额外的安装和建置步骤，URL汇入让开发者可以直接以URL使用任何套件，因此Next.js就能像本地端相依项目一样，处理远端HTTPS资源。

Next.js 12还加入React Server Components，让开发者能够在服务器上渲染所有内容，包括元件本身。官方解释，这与服务器端渲染不同，React Server Components不需要客户端JavaScript，因此呈现页面速度更快，能够进一步改善应用程序的用户体验。