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 |