Netlify MCP

🚀 Netlify MCP Server

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

🚀 クイックスタート

Netlify MCP Serverは、コードエージェントがNetlify APIとCLIを利用できるようにするため、Model Context Protocol (MCP)に準拠しています。エージェントは自然言語のプロンプトを使って、新しいプロジェクトの作成や、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"
      ]
    }
  }
}

ローカル開発については、Set up local MCP configurationを参照してください。

📚 ドキュメント

トラブルシューティング

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を削除してください。

新しいパーソナルアクセストークン (PAT) の生成

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

リソース

• Model Context Protocol Documentation
• Official List of MCP Clients
• Netlify CLI