SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

CodeZineニュース

「Next.js 13.3」がリリース、ファイルベースのメタデータAPIへの対応など変更多数

  • X ポスト
  • このエントリーをはてなブックマークに追加

  • X ポスト
  • このエントリーをはてなブックマークに追加

 米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更新の高速化など、さまざまな機能追加・改善が行われている。

関連リンク

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
この記事の著者

CodeZine編集部(コードジンヘンシュウブ)

CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/17650 2023/04/12 08:00

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング