Nuxt Studio

Nuxt Content ウェブサイトを本番環境で編集するための、自己ホスト型のオープンソース CMS モジュール。

使用時期

以下の作業に対応します:

• nuxt-studio モジュールのインストールと設定
• 認証プロバイダー (GitHub、GitLab、Google OAuth、SSO、カスタム)
• Git プロバイダーのセットアップ (GitHub、GitLab、ブランチ設定)
• ビジュアルコンテンツ編集 (MDC コンポーネント、YAML/JSON フォーム、frontmatter)
• メディア管理 (public ディレクトリ、NuxtHub blob、S3、R2)
• 公開フロー (ドラフトレイヤー、競合検出、CI/CD リビルド)
• AI 搭載コンテンツアシスタンス (Vercel AI Gateway)

コンテンツコレクション/クエリについて: nuxt-content スキルを使用してください NuxtHub ストレージ/データベースについて: nuxthub スキルを使用してください Nuxt の基本について: nuxt スキルを使用してください

利用可能なガイダンス

現在の作業に基づいて特定のファイルを参照してください:

• references/configuration.md - モジュール設定、認証プロバイダー、Git プロバイダー、環境変数
• references/live-editing.md - ビジュアルエディター、メディア管理、MDC コンポーネント、AI 機能
• references/deployment.md - SSR 要件、Git 公開、ブランチ戦略、CI/CD

ファイルの読み込み

タスクに基づいて、これらの参照ファイルの読み込みを検討してください:

• references/configuration.md - インストール、認証/Git プロバイダーの設定、または環境変数の設定を行う場合
• references/live-editing.md - コンテンツエディター、メディア、コンポーネント、または AI 機能を使用する場合
• references/deployment.md - デプロイ、ブランチ設定、または公開フローのトラブルシューティングを行う場合

一度にすべてのファイルを読み込まないでください。 現在のタスクに関連するファイルのみを読み込んでください。

主要コンセプト

コンセプト	目的
認証プロバイダー	Studio にアクセスできるユーザーを制御 (GitHub、GitLab、Google、SSO)
Git プロバイダー	リポジトリへの公開コミットを処理
ドラフトレイヤー	未公開の変更用の IndexedDB バックアップローカルストレージ
メディアマネージャー	/public または外部 blob ストレージのファイルをアップロード/閲覧
ビジュアルエディター	MDC コンポーネントサポート付き TipTap ベースの WYSIWYG
公開	ドラフトを Git にコミットし、CI/CD リビルドをトリガー

クイックスタート

npx nuxt module add nuxt-studio

// nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@nuxt/content', 'nuxt-studio'],
  studio: {
    repository: {
      provider: 'github',
      owner: 'your-username',
      repo: 'your-repo',
      branch: 'main',
    },
  },
})

# .env
STUDIO_GITHUB_CLIENT_ID=<client_id>
STUDIO_GITHUB_CLIENT_SECRET=<client_secret>

https://your-site.com/_studio (デフォルトルート) で Studio にアクセスしてください。

公式ドキュメント

• Nuxt Studio: https://nuxt.studio
• セットアップ: https://nuxt.studio/setup
• GitHub: https://github.com/nuxt-content/nuxt-studio

トークン効率

メインスキル: 約 300 トークン。各サブファイル: 約 800～1200 トークン。現在のタスクに関連するファイルのみを読み込んでください。