Next.js 12 重大发布！打造现代化前端框架

1. Rust 编译器
2. Middleware
3. React 18 支持
• 流式服务端渲染
• React Server Component
4. ES Modules
5. URL imports
6. 支持 AVIF 图片

与 WebP 相比，AVIF 格式可能需要更长的时间来优化，所以我们可以通过配置 next.config.js 的 images.formats 属性来进行选择性启用。

module.exports = {
  images: {
    formats: ['image/avif', 'image/webp']
  }
}

另外，对于不同浏览器的兼容情况，Next.js 会根据浏览器的嗅探情况，自动选择用 AVIF 或 Webp。

更多详情请关注 Next.js 官方博客：传送门