Netlify

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

Netlify MCP Server

Netlify MCP Server mengikuti Model Context Protocol (MCP) agar agen kode dapat menggunakan API dan CLI Netlify—sehingga mereka dapat membuat proyek baru, membangun, menerapkan, dan mengelola sumber daya Netlify Anda menggunakan perintah dalam bahasa alami.

---

Ikhtisar

Model Context Protocol adalah protokol standar yang sedang berkembang untuk menghubungkan agen kode dengan server MCP, sehingga mereka dapat mengelola sumber daya dan menjalankan tugas menggunakan bahasa alami. Netlify MCP Server berfungsi sebagai jembatan yang menyediakan akses API, alat CLI, perintah, dan lainnya untuk agen Anda.

Anda dapat terhubung ke Netlify MCP Server menggunakan berbagai klien MCP, termasuk:

• Windsurf
• Cursor
• Claude
• Copilot (VSCode)
• Cline
• Warp
• LM Studio
• Lihat daftar lengkap

---

Kasus Penggunaan

Dengan Netlify MCP Server, agen AI Anda dapat:

• Membuat, mengelola, dan menerapkan proyek Netlify
• Mengubah kontrol akses untuk meningkatkan keamanan proyek
• Memasang atau mencopot ekstensi Netlify
• Mengambil informasi pengguna dan tim
• Mengaktifkan dan mengelola pengiriman formulir
• Membuat dan mengelola variabel lingkungan dan rahasia
• dan lainnya...

---

Prasyarat

• Node.js 22 atau lebih tinggi Periksa dengan node --version
• Akun Netlify
• Klien MCP (misalnya, Windsurf, Cursor, Claude, Copilot)

Tips: Pasang Netlify CLI secara global untuk pengalaman terbaik: npm install -g netlify-cli

---

Konfigurasi MCP

Untuk server MCP produksi, gunakan konfigurasi berikut:

Editor dengan pemasangan sekali klik:

• gunakan tautan berikut di browser jika tautan gagal ditampilkan atau dibuka: 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.

Konfigurasi untuk file konfigurasi MCP:

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

Untuk pengembangan lokal, lihat Menyiapkan konfigurasi MCP lokal.

---

Pemecahan Masalah

Versi Node

• Gunakan Node.js 22 atau lebih tinggi untuk hasil terbaik.

• Jika Anda menggunakan nvm, jalankan:

  nvm install 22
  nvm use 22
  

Pemecahan masalah autentikasi Netlify

• Jika Anda mengalami masalah autentikasi, Anda dapat menambahkan Netlify Personal Access Token (PAT) untuk sementara ke konfigurasi MCP Anda:

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

Jangan commit PAT Anda ke repositori! Setelah masalah teratasi, hapus PAT dari konfigurasi.

---

Membuat Personal Access Token (PAT) Baru

1. Di dasbor Netlify, pilih ikon pengguna Anda.
2. Buka User settings > OAuth > New access token.
3. Salin token Anda dan tambahkan (untuk sementara) ke konfigurasi MCP seperti di atas.
4. Mulai ulang atau segarkan klien MCP Anda.

---

Kartu deployment (MCP yang di-host)

Tanyakan kepada klien yang kompatibel dengan MCP Apps: “Tampilkan deployment terbaru untuk proyek saya.” Alat netlify-open-deployments menerima siteId (dan deployId opsional), lalu menampilkan hingga lima deployment yang cocok beserta status, branch, waktu pembuatan berlabel, error, dan tautan, serta tim proyek dan tautan dasbornya. Filter daftar proyek berdasarkan status. Alat juga menerima status; Netlify menerapkan filter sebelum membatasi hasil. Filter tidak berlaku untuk deployId tertentu. Kartu diperbarui setiap lima detik selama deployment yang ditampilkan masih aktif dan berhenti saat deployment selesai atau setelah 15 menit, termasuk waktu saat kartu tersembunyi. Tombol Refresh memeriksa kembali secara manual dan memulai jendela baru selama 15 menit untuk pembaruan otomatis. Menerapkan filter juga memulai jendela baru. Klien yang tidak mendukung MCP Apps akan menerima ringkasan teks.

Fitur ini menggunakan koneksi OAuth Netlify yang sudah ada dan tidak menambahkan variabel lingkungan atau langkah build frontend. Setelah deployment, segarkan katalog alat MCP klien. Versi pertama ini tidak menyertakan log build atau pencarian beberapa proyek; gunakan tautan Open in Netlify pada kartu untuk melihat detail build lengkap.

Untuk menguji secara singkat di ChatGPT, hubungkan endpoint /mcp dari pratinjau yang telah di-deploy, buka proyek dengan deployment yang sedang berjalan, lalu pastikan kartu diperbarui hingga deployment selesai. Periksa juga proyek kosong, deployment yang gagal, dan teks fallback di klien yang tidak mendukung MCP Apps.

Sumber Daya

• Dokumentasi Model Context Protocol
• Daftar Resmi Klien MCP
• Netlify CLI