Netlify

公式

自然言語でNetlifyリソースの作成、ビルド、デプロイ、管理ができます。

Netlify MCPで何ができますか?

  • プロジェクトの作成とデプロイ — アシスタントに新しいNetlifyプロジェクトの雛形作成、ビルド、APIとCLIによるデプロイを依頼します。
  • アクセス制御の管理 — アシスタントに認証およびアクセス設定を変更させ、プロジェクトのセキュリティを強化します。
  • 拡張機能の処理 — アシスタントにNetlify拡張機能をサイト全体にインストールまたはアンインストールさせます。
  • アカウント詳細の取得 — メンバーシップや権限を含むユーザーおよびチーム情報を依頼します。
  • フォームの管理 — フォーム送信を有効にし、受信したフォームデータを表示または管理します。
  • 環境変数の設定 — プロジェクト用の環境変数とシークレットを作成、更新、または削除します。

ホスト型 MCP サーバー

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

Claude Code、Codex、Cursor などにインストールできます

ドキュメント

Netlify MCP サーバー

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


概要

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

以下のようなさまざまなMCPクライアントを使用してNetlify MCP サーバーに接続できます:


ユースケース

Netlify MCP サーバーを使用すると、AIエージェントは以下を実行できます:

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

前提条件

  • Node.js 22以上 node --versionで確認してください
  • Netlifyアカウント
  • MCPクライアント(例:Windsurf、Cursor、Claude、Copilot)

ヒント: 最良の体験のためにNetlify CLIをグローバルにインストールしてください: npm install -g netlify-cli


MCP設定

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

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

Install MCP Server on Cursor

Add MCP Server netlify to LM Studio

Install on VS Code

Install on VS Code Insiders Edition

Install on Goose

  • リンクがレンダリングまたは開かない場合は、ブラウザで次のリンクを使用してください: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認証のトラブルシューティング

{
  "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. ユーザー設定 > OAuth > 新しいアクセストークンに移動します。
  3. トークンをコピーし、上記のように(一時的に)MCP設定に追加します。
  4. MCPクライアントを再起動または更新します。

リソース