Nuxt v4.4.0

この変更が意味すること

Nuxt 4.4.0 は v4 系列のマイナーアップデートです。v4.4.2 も同時に公開されていますが、パブリッシング失敗による再公開で変更内容は同一です。

最大の注目点は createUseFetch と createUseAsyncData の追加です。プロジェクト固有のデフォルトオプション（baseURL、server フラグなど）を持つ useFetch / useAsyncData のカスタムインスタンスを作成できるようになりました。API レイヤーの共通化がシンプルに実現できます。

主な変更点

createUseFetch と createUseAsyncData

useFetch と useAsyncData のカスタムインスタンスをデフォルトオプション付きで作成できる新 API が追加されました（#32300）。

シンプルなデフォルト設定の例:

// composables/api.ts
export const useClientFetch = createUseFetch({
  server: false,
})

動的なデフォルトを設定する例:

export const useApiFetch = createUseFetch((currentOptions) => {
  const runtimeConfig = useRuntimeConfig()
  return {
    ...currentOptions,
    baseURL: currentOptions.baseURL ?? runtimeConfig.public.baseApiUrl,
  }
})

作成したカスタムインスタンスは useFetch と同じインターフェースで利用でき、型も完全にサポートされています。

EOL / サポート状況

Nuxt 4 が現在のメイン系列です。Nuxt 3 は 2026年7月31日まではサポートが継続されます。

開発者への影響

1. API レイヤーの統一: createUseFetch を使ってプロジェクト固有の baseURL やヘッダーを一元管理できます
2. クライアントサイド専用 fetch: server: false のデフォルトを持つカスタムインスタンスで、クライアントサイド専用のデータ取得が簡潔に書けます
3. 型安全性: カスタムインスタンスも元の useFetch と同じ型推論が効くため、型安全に利用できます

アップデート方法

# npm
npm install nuxt@4.4.0

# pnpm
pnpm update nuxt@4.4.0

# yarn
yarn upgrade nuxt@4.4.0

データソース: GitHub Releases API, npm Registry AI解説は Claude API により自動生成されています。正確性については原文をご確認ください。