Next.js v13
2022/10/26
upgrade guide
かなり変わったのでちょっと大変かもmrsekut.icon
v13の概要を掴んだ後に、これを読むと移行がスムーズにできそう
従来あったpages/と同様に、Next.js特有の意味を持つdirが増えたということmrsekut.icon
Webpackの後継となるTurbopackを追加
Rust実装
cacheを利用するので高速高速
$ next dev --turboで試せる
以下のコマンドで自動で更新できる
$ npx @next/codemod next-image-to-legacy-image ./pages
clientのJSを削減
styleと設定が簡単になった
defaultでalt属性を必要とした
ブラウザのlazy loadにより、hydrationが不要なため高速になった
fontの自動最適化
外部へのreqを削除
privacyとperformanceを改善
build時にdownloadし、assetsと一緒に保持される
自動セルフホスティング機能
CSSのサイズ調整でLayout Shiftをゼロにする
現状、対応しているのはGoogle FontsとTypekitのみ
参考