Nuxt 3.7

🐣 新しい CLI

nuxi を unjs/citty を使用してリファクタリングしました。これは、新しいバージョンに依存する最初の Nuxt リリースであり、独自のレポジトリで安全に行われます。これには大きな計画があります。 nuxt/cli で機能とロードマップに関する議論をチェックして、ぜひ貢献してください！

Nuxi は、メインの nuxt バージョンから切り離されました。今後、nuxi をより迅速に反復およびリリースし、新しいものがすぐに登場する予定です。

🕸️ ネイティブ Web ストリームと `Response`

unjs/h3 および unjs/nitro の改善により、サーバールートから Response オブジェクトを直接返すことが可能になりました。これは、Nuxt でネイティブにストリームを返して処理することも可能になったことを意味します。

👉 詳細については、unjs/h3 および unjs/nitro のリリースノートをご覧ください。

このリリースでは、サーバーからの HTML レスポンスのレンダリングにおいていくつかの改善が行われています。ビルド時にリソースをプリロード/プリフェッチするかどうかを決定するようになりました (build:manifest フックでカスタマイズできます)。また、unhead (#22179) で HTML のレンダリングを直接管理するようになり、<link>、<meta>、<script>、<style> などの順序を構成できます。そして、予備テストでは、さらに高速になっています！

experimental.headNext フラグを使用すると、今後のヘッドの改善をオプトインできます。これには現在、capo.js (#22431) に基づく新しい順序付けアルゴリズムが含まれており、unhead でリリースされる将来の最適化を有効にできます。

export default defineNuxtConfig({
  experimental: {
    headNext: true
  }
})

皆様のご意見をお待ちしております。問題やフィードバックは、このディスカッションで返信してください。

🛠️ ビルド環境のショートカット

Nuxt の設定で、$client および $server ショートカットを使用して、Vite クライアント/サーバー (#22302) または webpack クライアント/サーバー (#22304) ビルドに固有の設定を簡単に定義できるようになりました。これは以前は、vite:extendConfig および webpack:config フックでのみ可能でした。

例：

export default defineNuxtConfig({
  vite: {
    $client: {
      build: {
        rollupOptions: {
          output: {
            chunkFileNames: '_nuxt/[hash].js',
            assetFileNames: '_nuxt/[hash][extname]',
            entryFileNames: '_nuxt/[hash].js'
          }
        }
      }
    }
  }
})

⚡️ Vite 4.4

Vite をマイナーバージョンから固定解除することを選択しました。つまり、Vite が新しい機能バージョンをリリースするたびに、すぐにオプトインできます。Vite 4.4 には、実験的な Lightning CSS サポートなど、多くの刺激的な機能が含まれています。

👉 詳しくは、Vite のリリースノートをご覧ください。

💪 TypeScript の更新

生成された tsconfig.json で、baseUrl を設定する代わりに、純粋な相対パスを使用するようになりました。これにより、絶対パスが IDE と一致しない可能性がある Docker イメージなどの開発環境のサポートが向上します (#22410)。

また、Vite/TS の推奨事項に合わせて、いくつかの追加のコンパイラフラグのデフォルトを設定します (#22468)。

さらに、setPageLayout および <NuxtLayout name> で、レイアウトへの型ヒント付きアクセスを取得できるようになりました (#22363)。

🦄 非同期コンテキストのサポート

「Nuxt コンテキストが利用できません」という問題が発生した場合、これはあなたにとって役に立つかもしれません。Nuxt と Nitro の両方で、実験的なフラグの下で、Bun および Node のネイティブ非同期コンテキストをサポートするようになりました (#20918)。

これにより、セットアップ関数で直接呼び出されるようにする必要なく、サーバーで Nuxt コンポーザブルを使用できるようになります。また、サーバールートで使用できる新しい useEvent() ユーティリティを使用して、Nitro でも同じことができます。

試すには、experimental.asyncContext を有効にしてください。

export default defineNuxtConfig({
  experimental: {
    asyncContext: true
  }
})

npx nuxi upgrade --force

これにより、ロックファイルも更新され、Nuxt が依存する他の依存関係、特に unjs エコシステムからの更新が確実にプルされます。

📃 完全な変更履歴

完全なリリースノートについては、https://github.com/nuxt/nuxt/releases/tag/v3.7.0 をご覧ください。

← ブログに戻る

新しいウェブサイト

Nuxt UI を利用し、オープンソースになった新しい nuxt.com をリリースできることを嬉しく思います。

エッジ上の Nuxt

Nuxt 3 をエッジランタイムで実行できるようにし、ユーザーの近くでサーバーサイドレンダリングを実行できるようにした方法をご覧ください。

🐣 新しい CLI

🕸️ ネイティブ Web ストリームと `Response`

🔥 HTML レンダリングの最適化

🛠️ ビルド環境のショートカット

⚡️ Vite 4.4

💪 TypeScript の更新

🦄 非同期コンテキストのサポート

👓 ウォッチャーの更新

⚗️ Nitro 2.6

✅ アップグレード

📃 完全な変更履歴