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 server ซึ่งช่วยให้เอเจนต์จัดการทรัพยากรและทำงานต่าง ๆ ด้วยภาษาธรรมชาติได้ Netlify MCP Server ทำหน้าที่เป็นสะพานเชื่อม โดยให้สิทธิ์เข้าถึง API เครื่องมือ CLI พรอมป์ต์ และอื่น ๆ สำหรับเอเจนต์ของคุณ

คุณสามารถเชื่อมต่อกับ Netlify MCP Server โดยใช้ MCP client ได้หลากหลาย เช่น:

• Windsurf
• Cursor
• Claude
• Copilot (VSCode)
• Cline
• Warp
• LM Studio
• ดูรายการทั้งหมด

---

กรณีการใช้งาน

เมื่อใช้ Netlify MCP Server เอเจนต์ AI ของคุณสามารถ:

• สร้าง จัดการ และดีพลอยโปรเจกต์ Netlify
• แก้ไขการควบคุมการเข้าถึงเพื่อเพิ่มความปลอดภัยให้โปรเจกต์
• ติดตั้งหรือถอนการติดตั้งส่วนขยาย Netlify
• ดึงข้อมูลผู้ใช้และทีม
• เปิดใช้และจัดการการส่งแบบฟอร์ม
• สร้างและจัดการตัวแปรสภาพแวดล้อมและข้อมูลลับ
• และอื่น ๆ...

---

ข้อกำหนดเบื้องต้น

• Node.js 22 ขึ้นไป ตรวจสอบด้วย node --version
• บัญชี Netlify
• MCP client (เช่น Windsurf, Cursor, Claude, Copilot)

เคล็ดลับ: ติดตั้ง Netlify CLI แบบ global เพื่อประสบการณ์ใช้งานที่ดีที่สุด: npm install -g netlify-cli

---

การกำหนดค่า MCP

สำหรับ MCP server ที่ใช้งานจริง ให้ใช้การกำหนดค่าต่อไปนี้:

โปรแกรมแก้ไขที่ติดตั้งได้ด้วยคลิกเดียว:

• ใช้ลิงก์ต่อไปนี้ในเบราว์เซอร์ หากลิงก์แสดงผลหรือเปิดไม่ได้: 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 ลงใน repository ของคุณ! เมื่อตรวจสอบปัญหาเรียบร้อยแล้ว ให้นำ PAT ออกจากการกำหนดค่า

---

การสร้าง Personal Access Token (PAT) ใหม่

1. ในแดชบอร์ด Netlify ให้เลือกไอคอนผู้ใช้ของคุณ
2. ไปที่ User settings > OAuth > New access token
3. คัดลอกโทเค็นแล้วเพิ่มลงในการกำหนดค่า MCP ของคุณชั่วคราวตามที่อธิบายไว้ข้างต้น
4. รีสตาร์ตหรือรีเฟรช MCP client ของคุณ

---

การ์ดการดีพลอย (MCP ที่โฮสต์)

ถาม MCP Apps-compatible client ว่า: “แสดงการดีพลอยล่าสุดของโปรเจกต์ของฉัน” เครื่องมือ netlify-open-deployments รับค่า siteId (และ deployId ซึ่งเป็นตัวเลือกเสริม) แล้ว แสดงรายการดีพลอยที่ตรงกันสูงสุดห้ารายการ พร้อมสถานะ branch เวลาสร้างที่มีป้ายกำกับ ข้อผิดพลาด และลิงก์ รวมถึงทีมของโปรเจกต์และลิงก์ไปยังแดชบอร์ด กรองรายการโปรเจกต์ตามสถานะได้ เครื่องมือยังรองรับ status ด้วย โดย Netlify จะใช้ตัวกรอง ก่อนจำกัดจำนวนผลลัพธ์ ตัวกรองจะไม่มีผลกับ deployId ที่ระบุเจาะจง การ์ด จะรีเฟรชทุกห้าวินาทีขณะที่รายการดีพลอยที่แสดงอยู่ยังทำงาน และหยุดเมื่อ รายการเหล่านั้นเสร็จสิ้นหรือครบ 15 นาที โดยนับรวมเวลาที่ซ่อนการ์ดไว้ด้วย ปุ่ม Refresh จะตรวจสอบอีกครั้งด้วยตนเองและเริ่มช่วงเวลา 15 นาทีใหม่สำหรับการอัปเดตอัตโนมัติ การใช้ตัวกรองก็จะเริ่มช่วงเวลาใหม่เช่นกัน client ที่ไม่รองรับ MCP Apps จะได้รับสรุปเป็นข้อความ

ฟีเจอร์นี้ใช้การเชื่อมต่อ Netlify OAuth ที่มีอยู่ และไม่เพิ่มตัวแปรสภาพแวดล้อม หรือขั้นตอนบิลด์ frontend หลังดีพลอยแล้ว ให้รีเฟรชแค็ตตาล็อกเครื่องมือ MCP ของ client เวอร์ชันแรกนี้ยังไม่มีบันทึกการบิลด์หรือการค้นหาหลายโปรเจกต์ ให้ใช้ลิงก์ Open in Netlify บนการ์ดเพื่อดูรายละเอียดการบิลด์ทั้งหมด

หากต้องการทดสอบเบื้องต้นใน ChatGPT ให้เชื่อมต่อ endpoint /mcp ของ preview ที่ดีพลอยแล้ว เปิด โปรเจกต์ที่มีการดีพลอยกำลังทำงาน และตรวจสอบว่าการ์ดอัปเดตจนเสร็จสมบูรณ์ ตรวจสอบโปรเจกต์ว่าง การดีพลอยที่ล้มเหลว และการแสดงข้อความสำรองใน client ที่ไม่รองรับ MCP Apps ด้วย

แหล่งข้อมูล

• เอกสาร Model Context Protocol
• รายการ MCP client อย่างเป็นทางการ
• Netlify CLI