Netlify

npx add-mcp 'https://netlify-mcp.netlify.app/mcp'

Netlify MCP Server

Netlify MCP Server は Model Context Protocol (MCP) に準拠しており、コードエージェントが Netlify API と CLI を使えるようにします。これにより、自然言語のプロンプトを使って、新しいプロジェクトの作成、ビルド、デプロイ、Netlify リソースの管理を行えます。

---

概要

Model Context Protocol は、コードエージェントを MCP サーバーに接続するための新しい標準プロトコルです。自然言語を使ってリソースを管理し、タスクを実行できます。Netlify MCP Server はブリッジとして機能し、エージェントに API アクセス、CLI ツール、プロンプトなどを提供します。

次のようなさまざまな MCP クライアントを使って、Netlify MCP Server に接続できます。

• Windsurf
• Cursor
• Claude
• Copilot (VSCode)
• Cline
• Warp
• LM Studio
• 一覧をすべて表示

---

ユースケース

Netlify MCP Server を使うと、AI エージェントは次のことができます。

• Netlify プロジェクトの作成、管理、デプロイ
• プロジェクトのセキュリティを強化するためのアクセス制御の変更
• Netlify 拡張機能のインストールまたはアンインストール
• ユーザーとチームの情報の取得
• フォーム送信の有効化と管理
• 環境変数とシークレットの作成と管理
• その他...

---

前提条件

• Node.js 22 以降 node --version で確認
• Netlify アカウント
• MCP クライアント（例: Windsurf、Cursor、Claude、Copilot）

ヒント: 最適なエクスペリエンスを得るには、Netlify CLI をグローバルにインストールしてください。 npm install -g netlify-cli

---

MCP の設定

本番環境の MCP サーバーには、次の設定を使用してください。

ワンクリックインストールに対応したエディター:

• リンクが表示されない、または開けない場合は、ブラウザーで次のリンクを使用してください: goose://extension?cmd=npx&arg=-y&arg=%40netlify%2Fmcp&id=netlify&name=Netlify&description=Build%2C%20deploy%2C%20and%20manage%20sites%20with%20Netlify's%20official%20MCP%20server.

MCP 設定ファイル用の設定:

{
  "mcpServers": {
    "netlify": {
      "command": "npx",
      "args": [
        "-y",
        "@netlify/mcp"
      ]
    }
  }
}

ローカル開発については、ローカル MCP 設定のセットアップ を参照してください。

---

トラブルシューティング

Node のバージョン

• 最適な結果を得るには、Node.js 22 以降を使用してください。

• nvm を使用している場合は、次を実行してください。

  nvm install 22
  nvm use 22
  

Netlify 認証のトラブルシューティング

• 認証の問題が発生した場合は、一時的に Netlify Personal Access Token (PAT) を MCP 設定に追加できます。

{
  "mcpServers": {
    "netlify-mcp": {
      "command": "npx",
      "args": ["-y", "@netlify/mcp"],
      "env": {
        "NETLIFY_PERSONAL_ACCESS_TOKEN": "YOUR-PAT-VALUE"
      }
    }
  }
}

PAT をリポジトリにコミットしないでください！ 問題が解決したら、設定から PAT を削除してください。

---

新しい Personal Access Token (PAT) の生成

1. Netlify ダッシュボードで、ユーザーアイコンを選択します。
2. User settings > OAuth > New access token に移動します。
3. トークンをコピーし、上記のように（一時的に）MCP 設定に追加します。
4. MCP クライアントを再起動するか、更新します。

---

デプロイカード（ホスト型 MCP）

MCP Apps 対応クライアントで、**「自分のプロジェクトの最近のデプロイを表示して」**と尋ねます。 netlify-open-deployments ツールは siteId（および任意の deployId）を受け取り、 ステータス、ブランチ、ラベル付き作成時刻、エラー、リンクとともに、条件に一致するデプロイを最大 5 件表示します。また、プロジェクトのチームとそのダッシュボードへのリンクも表示します。ステータスでプロジェクト一覧を絞り込めます。ツールは status も受け付けます。結果を制限する前に、Netlify がフィルターを適用します。特定の deployId にはフィルターは適用されません。表示中のデプロイがアクティブな間、カードは 5 秒ごとに更新され、デプロイが完了するか、非表示の時間も含めて 15 分が経過すると停止します。更新ボタンを押すと手動で再確認し、自動更新の新しい 15 分間のウィンドウが開始されます。フィルターを適用した場合も、新しいウィンドウが開始されます。 MCP Apps に対応していないクライアントには、テキストの概要が表示されます。

既存の Netlify OAuth 接続を使用するため、環境変数の追加やフロントエンドのビルド手順は不要です。デプロイ後、クライアントの MCP ツールカタログを更新してください。この初回バージョンにはビルドログや複数プロジェクトの検索機能は含まれていません。ビルドの詳細を確認するには、カードの Open in Netlify リンクを使用してください。

ChatGPT で簡易テストするには、デプロイ済みプレビューの /mcp エンドポイントに接続し、実行中のデプロイがあるプロジェクトを開いて、完了までカードが更新されることを確認します。 また、空のプロジェクト、失敗したデプロイ、MCP Apps に対応していないクライアントでのテキストフォールバックも確認してください。

リソース

• Model Context Protocol のドキュメント
• MCP クライアントの公式一覧
• Netlify CLI