https://www.publickey1.jp/blog/22/_nextjs_13webnextjs_conf_2022.html
Reactベースのサーバサイドフレームワークとして知られるNext.jsの開発元のVercelは、日本時間10月25日深夜にイベント「Next.js Conf 2022」を開催。Next.jsの最新バージョンとなる「Next.js 13」を発表しました。
Next.js 13 Layouts React Server Components w/ StreamingComponent-based Data Fetching & CachingTurbopack: the Rust-based Webpack successorImproved next/image@next/fonthttps://t.co/jub9Mdske5
Next.js 13では動的なWebサイトの実現を容易にするための機能強化が主に行われました。
新しく登場した「appディレクトリ」では、既存のNext.jsのWebページを維持しつつアプリケーションのコードによる動的な要素を追加できるようになります。複数のページで動的なデータを共有することや、ステートを維持しつつ遷移する共通のナビゲーションUIの構築なども容易になりました。
Next.js Conf 2022の基調講演から、Next.js 13に関する説明が行われた部分をまとめました（ただしかなり説明が端折られているので、本文中で括弧を用いて説明を補足しています。もし間違いや勘違いなど発見されたらご指摘ください）。
関連：Webpackの後継となる新バンドルツール「Turbopack」が登場。Rust製のネイティブアプリケーションでWebpackの700倍高速に。Next.js Conf 2022
Vercel Senior Developer Advocate Delba Oliveira氏。
Next.jsでもっとも愛されている機能の1つが、フォルダ内にファイルを配置すると、そのままアプリケーションのルートとなるファイルシステムベースのルーターでしょう。
設定は何も必要ありません。
Next.jsのルーターは過去6年間、世界最大のWebアプリケーションのいくつかの表示に使われ、毎日数十億ページビューを表示してきました。
これは私たちが最高のルーターを提供し続けることに役立っています。
（ここまでが「pagesディレクトリ」による従来のルーターの機能の説明。以下からは「appディレクトリ」設置により利用できるNext.js 13で追加された新しいルーティング機能の説明）