·nuxt-v4
""

nuxt-v4

SSR、コンポーザブル、 データの取得、サーバールート、Cloudflareの展開。 以下の場合に使用します: Nuxt 4 アプリケーションの構築、SSR パターンの実装、 コンポーザブルの作成、サーバールート、ミドルウェア、データフェッチ、 状態管理、ハイドレーションの問題のデバッグ、Cloudflare へのデプロイ、 パフォーマンスの最適化、または Vitest によるテストの設定。 キーワード: Nuxt 4、Nuxt v4、SSR、ユニバーサル レンダリング、Nitro、Vue 3、 useState、useFetch、useAsyncData、$fetch、コンポーザブル、自動インポート、 ミドルウェア、サーバー ルート、API ルート、ハイドレーション、ファイルベースのルーティング、 アプリディレクトリ、SEO、メタタグ、useHead、useSeoMeta、トランジション、 エラー処理、ランタイム設定、Cloudflare ページ、Cloudflare ワーカー、 NuxtHub、Workers Assets、D1、KV、R2、耐久性のあるオブジェクト、Vitest、テスト、 パフォーマンスの最適化、遅延読み込み、コード分割、プリレンダリング、 レイヤー、モジュール、プラグイン、Vite、TypeScript、ハイドレーションの不一致、 浅い反応性、反応性キー、シングルトン パターン、defineNuxtConfig、 defineEventHandler、navigateTo、definePageMeta、useRuntimeConfig、 app.vue、サーバー ディレクトリ、パブリック ディレクトリ、アセット ディレクトリ

12インストール·0トレンド·@christowles

インストール

$npx skills add https://github.com/christowles/blog --skill nuxt-v4

nuxt-v4 のインストール方法

コマンドラインで nuxt-v4 AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/christowles/blog --skill nuxt-v4
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: christowles/blog。

Production-ready patterns for building modern Nuxt 4 applications with SSR, composables, server routes, and Cloudflare deployment.

| nuxt | 4.0.0 | 4.2.x | | vue | 3.5.0 | 3.5.x | | nitro | 2.10.0 | 2.10.x | | vite | 6.0.0 | 6.0.x | | typescript | 5.0.0 | 5.x |

Key Change in v4: The app/ directory is now the default srcDir. All app code goes in app/, server code stays in server/.

SSR、コンポーザブル、 データの取得、サーバールート、Cloudflareの展開。 以下の場合に使用します: Nuxt 4 アプリケーションの構築、SSR パターンの実装、 コンポーザブルの作成、サーバールート、ミドルウェア、データフェッチ、 状態管理、ハイドレーションの問題のデバッグ、Cloudflare へのデプロイ、 パフォーマンスの最適化、または Vitest によるテストの設定。 キーワード: Nuxt 4、Nuxt v4、SSR、ユニバーサル レンダリング、Nitro、Vue 3、 useState、useFetch、useAsyncData、$fetch、コンポーザブル、自動インポート、 ミドルウェア、サーバー ルート、API ルート、ハイドレーション、ファイルベースのルーティング、 アプリディレクトリ、SEO、メタタグ、useHead、useSeoMeta、トランジション、 エラー処理、ランタイム設定、Cloudflare ページ、Cloudflare ワーカー、 NuxtHub、Workers Assets、D1、KV、R2、耐久性のあるオブジェクト、Vitest、テスト、 パフォーマンスの最適化、遅延読み込み、コード分割、プリレンダリング、 レイヤー、モジュール、プラグイン、Vite、TypeScript、ハイドレーションの不一致、 浅い反応性、反応性キー、シングルトン パターン、defineNuxtConfig、 defineEventHandler、navigateTo、definePageMeta、useRuntimeConfig、 app.vue、サーバー ディレクトリ、パブリック ディレクトリ、アセット ディレクトリ ソース: christowles/blog。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/christowles/blog --skill nuxt-v4
カテゴリ
""ライティング
認証済み
初回登録
2026-02-22
更新日
2026-03-10

Browse more skills from christowles/blog

クイックアンサー

nuxt-v4 とは?

SSR、コンポーザブル、 データの取得、サーバールート、Cloudflareの展開。 以下の場合に使用します: Nuxt 4 アプリケーションの構築、SSR パターンの実装、 コンポーザブルの作成、サーバールート、ミドルウェア、データフェッチ、 状態管理、ハイドレーションの問題のデバッグ、Cloudflare へのデプロイ、 パフォーマンスの最適化、または Vitest によるテストの設定。 キーワード: Nuxt 4、Nuxt v4、SSR、ユニバーサル レンダリング、Nitro、Vue 3、 useState、useFetch、useAsyncData、$fetch、コンポーザブル、自動インポート、 ミドルウェア、サーバー ルート、API ルート、ハイドレーション、ファイルベースのルーティング、 アプリディレクトリ、SEO、メタタグ、useHead、useSeoMeta、トランジション、 エラー処理、ランタイム設定、Cloudflare ページ、Cloudflare ワーカー、 NuxtHub、Workers Assets、D1、KV、R2、耐久性のあるオブジェクト、Vitest、テスト、 パフォーマンスの最適化、遅延読み込み、コード分割、プリレンダリング、 レイヤー、モジュール、プラグイン、Vite、TypeScript、ハイドレーションの不一致、 浅い反応性、反応性キー、シングルトン パターン、defineNuxtConfig、 defineEventHandler、navigateTo、definePageMeta、useRuntimeConfig、 app.vue、サーバー ディレクトリ、パブリック ディレクトリ、アセット ディレクトリ ソース: christowles/blog。

nuxt-v4 のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/christowles/blog --skill nuxt-v4 インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/christowles/blog