米Vercelは、同社が開発したオープンソースのWebアプリケーションフレームワークNext.jsの最新バージョンとなる「Next.js 13.3」を、4月7日(現地時間)にリリースした。
「Next.js 13.3」には、コミュニティから要望の多かった、ファイルベースのメタデータAPI、Dynamic Open Graph Images、App Routerの静的エクスポート、並行およびインターセプトルートといった新機能が追加されている。
「Next.js 13.2」にて発表されたメタデータAPIによって、レイアウトまたはページからメタデータオブジェクトをエクスポートすることで、メタデータの定義が可能になった。「Next.js 13.3」では、設定ベースのメタデータに加えて、新しいファイル規約をサポートするようになり、ページをカスタマイズしてSEOを改善するとともに、Web上で共有できるようになっている。
Dynamic Open Graph Imagesでは、JSX、HTML、CSSを用いて動的に画像を生成可能なライブラリである@vercel/ogおよびSatoriを利用した画像の生成に対応しており、ImageResponseをnext/serverからインポートして画像を生成できるようになった。
App Routerは、完全な静的エクスポートをサポートするようになり、静的サイトまたはシングルページアプリケーション(SPA)として開始し、必要に応じて後からサーバを必要とするNextjs機能を使えるよう、アップグレードすることも可能になっている。
並行ルートおよびインターセプトルートは、複雑なダッシュボードやモーダルのような、同じビューに複数のページを表示できるようにする機能。並行ルートを使用すると、独立してナビゲート可能な同じビューで、1つ以上のページを同時にレンダリングでき、ページを条件付きでレンダリングしたい際などにも役立つ。インターセプトルートでは、WebブラウザのURLをマスキングしつつ、現在のレイアウト内に新たなルートをロードすることが可能になる。
ほかにも、Next.jsのホームページとショーケースにおけるデザイン更新や、Turbopackへの各種機能追加、next.config.js更新の高速化など、さまざまな機能追加・改善が行われている。
この記事は参考になりましたか?
- この記事の著者
-
CodeZine編集部(コードジンヘンシュウブ)
CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です