nuxt

Nuxt は、サーバーサイドレンダリング、ファイルベースのルーティング、自動インポート、強力なモジュールシステムを提供するフルスタック Vue フレームワークです。サーバーエンジンとして Nitro を使用し、Node.js、サーバーレス、エッジの各プラットフォームにわたるユニバーサルなデプロイを実現します。

このスキルは Nuxt 3.x に基づいており、2026-01-28 に生成されました。

コア

トピック	説明	リファレンス
ディレクトリ構成	プロジェクトのフォルダー構成、規約、ファイルの整理	core-directory-structure
設定	nuxt.config.ts、app.config.ts、ランタイム設定、環境変数	core-config
CLI コマンド	開発サーバー、ビルド、生成、プレビュー、ユーティリティコマンド	core-cli
ルーティング	ファイルベースのルーティング、動的ルート、ナビゲーション、ミドルウェア、レイアウト	core-routing
データ取得	useFetch、useAsyncData、$fetch、キャッシュ、更新	core-data-fetching
モジュール	Nuxt モジュールの作成と使用、Nuxt Kit ユーティリティ	core-modules
デプロイ	Nitro、Vercel、Netlify、Cloudflare によるプラットフォーム非依存のデプロイ	core-deployment

機能

トピック	説明	リファレンス
コンポーザブルの自動インポート	Vue API、Nuxt コンポーザブル、カスタムコンポーザブル、ユーティリティ	features-composables
コンポーネントの自動インポート	コンポーネントの命名、遅延読み込み、ハイドレーション戦略	features-components-autoimport
組み込みコンポーネント	NuxtLink、NuxtPage、NuxtLayout、ClientOnly など	features-components
状態管理	useState コンポーザブル、SSR に対応した状態、Pinia との統合	features-state
サーバールート	API ルート、サーバーミドルウェア、Nitro サーバーエンジン	features-server

レンダリング

トピック	説明	リファレンス
レンダリングモード	ユニバーサル（SSR）、クライアントサイド（SPA）、ハイブリッドレンダリング、ルートルール	rendering-modes

ベストプラクティス

トピック	説明	リファレンス
データ取得のパターン	効率的なデータ取得、キャッシュ、並列リクエスト、エラー処理	best-practices-data-fetching
SSR とハイドレーション	コンテキストの漏洩、ハイドレーションの不一致を避ける方法、コンポーザブルのパターン	best-practices-ssr

高度なトピック

トピック	説明	リファレンス
レイヤー	再利用可能なレイヤーによるアプリケーションの拡張	advanced-layers
ライフサイクルフック	ビルド時、ランタイム、サーバーのフック	advanced-hooks
モジュールの作成	Nuxt Kit を使った公開可能な Nuxt モジュールの作成	advanced-module-authoring