我们很高兴为大家介绍全新 Next.js 10，其中的新特性包括：

• 内置图像组件与自动图像优化功能: 使用新的 next/image 组件自动优化图像
• 国际化路由: 使用内置原语轻松对您的 Next.js 应用程序进行国际化
• Next.js Analytics: 衡量用户实际性能并加以调整
• Next.js Commerce: 适用于高性能电子商务网站的多合一启动套件
• React 17 支持: Next.js 现已全面兼容最新 React 版本
• getStaticProps / getServerSideProps Fast Refresh: 在对数据获取方法进行编辑时，自动重新加载各项属性
• Fast Refresh for MDX: 使用 @next/mdx，Fast Refresh 现可直接应用更改而无需重新加载整个页面
• 可从第三方 React 组件导入 CSS：: 现支持从 npm 处导入组件所需要的 CSS
• 自动解析 href:next/link 上不再需要 as 属性
• @next/codemod CLI: 允许您轻松访问全部 Next.js codemods
• 取消 getStaticPaths 回退: 在生成新的静态页面时直接等待预渲染结果，而不再提供静态回退页面

内置图像组件与自动图像优化功能

此次 Next.js 新版本的核心目标有二：改善开发人员体验，改善用户体验。

今年，我们已经在改善开发者体验与提升 Next.js 应用程序性能方面投入了大量精力。我们专注于减少浏览器所需加载的 JavaScript 代码量。

我们推出了 20 多项新功能，可改善性能与开发人员体验。此外，Next.js 的核心 JavaScript 代码量则减少了 16%。

今年 1 月，我们与谷歌 Chrome 小组合作推出了一种新的 JavaScript 代码拆分最佳策略。

例如，Barnebys 应用程序的体积可借此减少 23%，Sumup 中最大 JavaScript 软件包的体积减少达 70%。这些改进无需对 Next.js 应用程序内的代码做出任何修改，您可直接享受版本升级带来的“瘦身”效果。