Google Antigravity MCP 架設

Part 3: Netlify MCP 設定

讓 AI 助手自動部署網站、管理環境變數和網域設定

自動部署環境變數表單管理

🚀 Netlify MCP Server 功能

Netlify MCP Server 讓 AI 可以直接操作 Netlify 平台：

🌐 專案管理

建立、管理和部署 Netlify 專案，查看部署狀態。

📦 部署服務

部署網站、查看部署紀錄、回滾到之前版本。

🔐 環境變數

建立、更新、刪除環境變數和 Secrets。

📝 表單管理

啟用和管理表單提交功能。

一句話部署！
只需要說「幫我把這個專案部署到 Netlify」，AI 就會自動完成！

📋 前置準備

✅ 必要條件

Netlify 帳號
Node.js 22 或更高版本
MCP Client（Antigravity）

💡 建議安裝

安裝 Netlify CLI 可以獲得更好的體驗：

npm install -g netlify-cli

檢查 Node.js 版本
打開終端機輸入：node --version
需要 v22 或更高版本

🔑 方法一：使用 CLI 取得 Token（推薦）

1

安裝 Netlify CLI

npm install -g netlify-cli

2

執行登入指令

netlify login

瀏覽器會自動開啟，登入你的 Netlify 帳號並授權

3

Token 自動存儲

Token 會自動存在：

C:\Users\你的帳號\AppData\Roaming\netlify\Config\config.json

快速查看 Token
按 Win + R，輸入 %APPDATA%\netlify\Config，打開 config.json

🔐 方法二：手動建立 Personal Access Token

1

前往 Netlify 設定頁

登入 Netlify → 點擊右上角大頭貼 → User settings

2

建立 Access Token

OAuth → Personal access tokens → New access token

3

設定 Token 名稱

名稱：Antigravity MCP
到期日：選擇適合的期限

4

複製 Token

按 Generate token，立即複製（只會顯示一次）

📝 將 Token 加入 Antigravity

5

打開 Antigravity MCP 設定

找到 MCP Servers → Netlify → 按 Install

6

填入 Token

在 NETLIFY_TOKEN 欄位填入你的 Token

7

完成！

畫面顯示：「Saving to config and reloading MCP server list.」

MCP 設定檔格式

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

🧪 驗證 Netlify MCP 安裝

安裝成功後，在 Antigravity 輸入：

mcp list

或

list mcp servers

成功會看到以下工具：

工具名稱	功能
`netlify-coding-rules`	檢查 Serverless/Edge Functions 規則
`netlify-deploy-services-reader`	讀取部署資訊
`netlify-deploy-services-updater`	部署網站
`netlify-project-services-reader`	讀取專案/表單資訊
`netlify-project-services-updater`	更新專案設定/環境變數

🔗 連結 Netlify 專案

使用 CLI 連結本地專案和 Netlify 網站：

netlify link

選擇連結方式：

🔍 搜尋專案名稱

輸入專案名稱的部分文字進行搜尋

📋 從清單選擇（推薦）

列出最近更新的專案，直接選擇

🆔 輸入專案 ID

手動輸入 Site ID / Project ID

連結成功後
會在專案資料夾建立 .netlify/state.json，之後可以直接：
netlify deploy 或 netlify deploy --prod

💬 Netlify MCP 實用指令

在 Antigravity 中，你可以用自然語言操作 Netlify：

🎯 列出專案

列出我所有 Netlify 專案

🎯 查看部署紀錄

查看我某個 Netlify 網站最近 5 次部署紀錄

🎯 部署網站

幫我部署 Netlify 上的 [網站名稱] 最新版本

🎯 部署 ZIP 檔案

將 ZIP 檔案放到指定資料夾
告訴 AI 該 ZIP 檔案的名稱
告訴 AI 要建立新網站還是更新現有網站

提示：MCP 不是自己打指令，而是用自然語言告訴 AI 你想做什麼！

✅ Netlify MCP 設定完成！

✔️ 已完成

安裝 Netlify CLI
取得 Access Token
設定到 Antigravity
驗證 MCP 工具

🎯 可以做到

自動部署網站
管理環境變數
查看部署紀錄
管理表單提交

Netlify MCP 設定完成！

接下來學習如何設定 GitHub MCP

前往 Part 4 →