トップ/記事一覧

Next.js のアップグレード(12.0 → 12.3)

📆2022/10/21🔖 Next.js

このブログの Next.js が 12.0 で止まっていたので、2022/10/21 時点の最新バージョンの 12.3 までアップデートした。ついでに Next.js のバージョンアップについてインプットしたのでそのメモを残しておく。

12.0 → 12.1

2022年2月18日:https://nextjs.org/blog/next-12-1

  • unstable_revalidate() 関数が追加されてオンデマンドで revalidate が可能に(ベータ版)
  • Next.js のコンパイラで使われている SWC の改善で、remove console などが使用できるように(ちなみに SWC は Rust 製コンパイラでメッチャ早い。コンパイラ周りの詳しい説明は このページ から)
  • ゼロコンフィグの jest プラグインが導入されたっぽい。next/jest でそのまま jest が使用できる
  • SWC による minification が RC 版に(12.2 ではデフォルトに)ちなみにこれも SWC を使って実行していて Terser の7倍早いらしい
  • 画像最適化が高速化:あまりよく分かっていない
  • outputStandalone フラグを立てると、 .next/standalone にフォルダが作成される:あまりよく分かっていない
  • React 18, Server-Side Suspense, Streaming SSR:あまり良く分かっていない
  • 12.1 → 12.2

    2022年6月29日:https://nextjs.org/blog/next-12-2

  • Middleware の安定版の提供開始。リクエストの前に処理を差し込むことができる
  • revalidate 関数が安定版に(12.1 で付いていた unstable が取れた)
  • Edge Server Rendering のサポート開始。runtime: 'experimental-edge' を指定すると使用可能。Node.js より早いランタイムらしいがよく分かっていない
  • next/future/image の提供開始。API が多少変わっている
  • SWC プラグインが使用可能に
  • next/link の子要素に <a> が不要に
  • 12.2 → 12.3

    2022年9月9日:https://nextjs.org/blog/next-12-3

  • TypeScript が自動でインストールされるように
  • 高速リフレッシュの改善 (設定ファイル群( .envtsconfig.json )を書き換えてもサーバー再起動の必要がなくなった
  • next/future/image の安定版の提供開始。既存の next/image はそのうちなくなり、next/future/image が next/image に統合される
  • swcMinify: true を指定すると SWC minifier が ON になる。次のバージョンでデフォルト ON になるらしい。12.1 のリリースとちょっと言ってること違う気もするが、開発遅れてるのかも
  • レイアウト周りのカイゼンが進んでいるらしい。次のメジャーバージョンでパブリックベータ版予定。