NuxtHub MCP Server
NuxtアプリのフルスタックデプロイプラットフォームNuxtHubをClaudeから操作できるMCPサーバー
npx nuxt-hub-mcp概要
ClaudeからNuxtHubのデプロイ・データベース・KVストア・Blobストレージを操作できるMCPサーバー。
プロジェクトのデプロイ状況の確認、Cloudflare D1データベースへのクエリ実行、KVストアのデータ操作、Blobファイルの管理などをAIアシスタント経由で実行できる。
Nuxt.jsアプリをCloudflare Workers上にデプロイするためのフルスタック基盤として注目されている。
料金・APIキー情報
料金
無料プランありAPIキー
🔑 必要🔑 APIキーの取得方法
- 1
https://hub.nuxt.com にアクセスしてGitHubでログインする
- 2
右上のアカウントアイコン→「Settings」→「Tokens」に移動する
- 3
「Create Token」をクリックしてトークン名を入力し生成する
- 4
生成されたトークンをコピーしてNUXT_HUB_TOKENに設定する
- 5
チームスラッグとプロジェクトスラッグはURLから確認できる（hub.nuxt.com/{team}/{project}）
こんな使い方ができます
NuxtHubにデプロイしたアプリの状況をClaudeに確認させられる
Cloudflare D1データベースへのSQL操作をClaudeに自然言語で依頼できる
KVストアやBlobのデータをClaudeに検索・管理させられる
セットアップ手順
- 1
NuxtHub（hub.nuxt.com）でアカウントを作成・ログインする
- 2
ダッシュボードの「Settings」→「Tokens」からトークンを発行・コピーする
- 3
以下のconfig JSONをClaude Codeの設定ファイルに追記してトークンとスラッグを設定する
設定ファイル
コピー前に確認
NuxtHubアカウント、Nuxt.jsプロジェクト（フリープランあり）
claude mcp add nuxt-hub -e NUXT_HUB_TOKEN=your-nuxtHub-token -e NUXT_HUB_TEAM_SLUG=your-team-slug -e NUXT_HUB_PROJECT_SLUG=your-project-slug -- npx -y nuxt-hub-mcp注意事項
NuxtHubはNuxtの公式ホスティング基盤でCloudflare Workersを使用している