mcpField
N
nuxt-studio

nuxt-studio

github.com/onmax開発7231.6k 回インストール今日更新
リポジトリ

nuxt-studio について

nuxt-studio は、Nuxt Content プロジェクトのコンテンツ編集と公開を扱うスキルです。リポジトリ、認証、デプロイ、公開の確認を案内し、コレクションやレンダリングの作業は nuxt-content の範囲に分けます。

主な機能

  1. 01バージョン、デプロイ、認証設定の確認
  2. 02エディターと Git リポジトリの設定
  3. 03ビジュアル編集、下書き、メディアの管理
  4. 04本番ログインと公開の検証

活用シーン

  1. 01Nuxt Content プロジェクトの編集機能を設定
  2. 02リポジトリ、ログインコールバック、デプロイ設定の調査
  3. 03編集内容のコミットとサイト公開を検証

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/onmax/nuxt-skills --skill nuxt-studio

インストール後、Claude Code で/nuxt-studioを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

agents/
openai.yaml
references/
configuration.md
deployment.md
live-editing.md

詳細

Nuxt Studio

Nuxt Studio はコンテンツの編集と公開を担います。Nuxt Content はコレクション、クエリ、解析、レンダリングを担います。

ワークフロー

  1. インストールされている nuxt-studio と @nuxt/content のバージョン、デプロイモード、リポジトリプロバイダー、認証プロバイダーを確認します。エディタールート、Git ターゲット、ログインコールバックがすべて同じデプロイ先を指していれば、セットアップは完了です。
  2. 以下から最も適したガイドを開き、コレクションやスキーマの変更は nuxt-content の範囲内にとどめます。
  3. ファイルシステムに対するローカル編集を確認してから、本番環境のログインと SSR 対応デプロイ環境での公開サイクルを1回確認します。コミットが設定されたブランチに反映され、再ビルドされたサイトにその内容が表示されれば完了です。

ルーティング

タスク開く
インストール、リポジトリ設定、OAuth／カスタム認証、エディターフィルター、環境変数設定
ビジュアル編集／MDC 編集、スキーマフォーム、下書き、メディア、AI 支援ライブ編集
SSR デプロイ、Git 公開、ブランチ戦略、競合、モノレポデプロイ
コレクション、バリデーター、クエリ、フック、レンダリングnuxt-content スキル

ベースライン

npx nuxt module add nuxt-studio

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

NUXT_STUDIO_AUTH_GITHUB_CLIENT_ID=<client-id>
NUXT_STUDIO_AUTH_GITHUB_CLIENT_SECRET=<client-secret>

Studio はデフォルトで /_studio で動作します。対応している CI プロバイダーではリポジトリのメタデータを推定できますが、認証情報は引き続き明示的にデプロイシークレットとして設定する必要があります。

コメント

Markdown 対応