Next.js 11 リリース

• Conformance の適用: ESLint をサポート

• パフォーマンス改善: Babel に最適化を導入し、起動時間を大幅に改善

• スクリプト最適化

→ サードパーティスクリプトの読み込み戦略をサポート: beforeInteractive, afterInteractive（デフォルト）, lazyOnLoad

→ デフォルトのスクリプト読み込みを async から defer に変更

• 画像機能の向上: Cumulative Layout Shift を低減

→ 自動サイズ検出

→ 画像プレースホルダーをサポート

• Webpack 5 をデフォルトで適用

• Create-React-App(CRA) で作成したアプリを Next.js 互換に変換する @next/codemod を追加

• Next.js Live（プレビューリリース）

→ ServiceWorker, WebAssembly, ES Modules などを利用

→ 開発プロセス全体をウェブブラウザ上で可能にし、コラボレーションにも対応

[xguru]

• Aurora - Chrome とオープンソースの Web フレームワークおよびツールの協業プロジェクト https://ja.news.hada.io/topic?id=4450

• Conformance for Frameworks https://ja.news.hada.io/topic?id=4451

Aurora と Conformance が同時に発表されて少し頭が混乱しますが、

最も興味を引くのは Next.js Live のようです。

• Code in the browser. With your team https://nextjs.org/live

[laeyoung]

Next.js Liveを見に行ったら、Team Colabo向けになっていて、どうやらTeamプランを使わないといけないみたいですね…