Next.js 13 リリース

Next.js Conf 2022 で新しいバージョン 13 をリリース。これまでに Vercel に新たに入社した React、Turbo、そして Webpack 開発者たちの力を総動員して新機能を追加

• app/ Directory:
  • Layout: 再レンダリング防止をデフォルトで実装した Layout
  • Server Component: React の新しい Server Component をサポートし、読み込み速度を改善
  • Streaming: 段階的にストリーミングして UI をレンダリングできる Streaming
  • React Suspense For Data Fetching: use hook を使って fetch、cache、revalidate をコントロール可能。既存の SSG、SSR、ISR の利点をコンポーネントレベルでコントロール可能
• Turbopack: 既存の Webpack より 700 倍高速な Rust ベースの Webpack 代替ツール。Webpack メンテナーが Turbo アーキテクチャをもとに実装
• next/image, next/font, next/link: Google Chrome との協業で既存の読み込みパフォーマンスを阻害していた要素を改善。ビルド時に最適化すると、特に Google Fonts のような場合は内蔵される

[gmlwo530]

Google Fontを内蔵するなんて……すごい

[greenhead]

良い

[ragingwind]

Turbopack: https://ja.news.hada.io/topic?id=7664