Cara Menggunakan Server MCP di Windsurf AI (Menjadi Developer 10x)

Jika Anda merasa cocok dengan Windsurf AI, Anda sudah berada di garis depan pengembangan berbasis AI. Tetapi apakah Anda sudah memanfaatkan keajaiban server MCP? Pusat kekuatan kecil ini dapat mengubah pengalaman Windsurf Anda dari "lumayan keren" menjadi "sangat luar biasa". Bayangkan memberikan asisten AI Anda kunci ke database, browser, atau bahkan GitHub Anda—semua tanpa meninggalkan editor Anda. Itulah yang dibawa oleh Model Context Protocol (MCP), dan hari ini, saya akan memandu Anda tentang cara menghubungkannya di Windsurf. Siap untuk naik level? Mari selami!

💡

Sebelum kita menyelami penggunaan server MCP di Windsurf AI, mari kita berikan sedikit sorotan kepada Apidog—penyelamat total bagi para penggemar API! Alat yang mulus ini menyederhanakan perancangan, pengujian, dan pendokumentasian API dengan antarmuka yang sangat mudah sehingga bahkan pemula pun dapat melakukannya dengan baik. Jika Anda membuat aplikasi sambil menjelajahi Windsurf, cobalah di apidog.com—ini adalah impian seorang pengembang yang menjadi kenyataan!

button

Sekarang, mari kita mulai dengan keajaiban MCP itu…

Apa Itu Server MCP dan Mengapa Menggunakannya di Windsurf?

Jadi, apa masalahnya dengan MCP? Singkatan dari Model Context Protocol, ini adalah standar terbuka (terima kasih, Anthropic!) yang memungkinkan alat AI seperti Windsurf untuk berinteraksi dengan sistem eksternal—seperti database, API, atau bahkan file lokal Anda. Server MCP seperti sahabat tepercaya yang mengekspos alat dan data ke AI Anda, membuatnya lebih pintar dan lebih terhubung. Di Windsurf, ini berarti Cascade Anda (asisten AI yang keren itu) dapat melakukan lebih dari sekadar menyarankan kode—ia dapat bertindak pada proyek Anda, mengambil data atau menjalankan perintah secara waktu nyata.

Mengapa repot? Karena Windsurf dengan MCP seperti memberikan otak pengkodean Anda dorongan turbo. Perlu membuat kueri database PostgreSQL? Ada server MCP untuk itu (lihat postgresql-mcp-server). Ingin mengotomatiskan tugas browser? Ada juga untuk itu. Ini semua tentang tetap dalam alur—tidak ada lagi peralihan aplikasi atau pekerjaan kasar manual. Mari kita siapkan!

Menyiapkan Server MCP di Windsurf: Panduan Langkah Demi Langkah Anda

Memulai server MCP di Windsurf lebih mudah dari yang Anda kira. Baik Anda seorang pemula atau pengembang berpengalaman, berikut cara mewujudkannya.

Langkah 1: Instal Windsurf AI

Pertama-tama—ambil Windsurf jika Anda belum melakukannya. Kunjungi situs web Windsurf, unduh untuk Mac, Windows, atau Linux, dan instal. Ini adalah IDE yang ditingkatkan yang dibangun di atas kerangka VS Code, jadi akan terasa familiar tetapi jauh lebih ajaib. Sudah punya? Pastikan sudah diperbarui—dukungan MCP bersinar di versi terbaru.

Langkah 2: Buka Pengaturan dan Aktifkan MCP

Mari kita balik sakelar MCP:

Luncurkan Windsurf.
Klik tombol "Windsurf - Pengaturan" (kanan bawah) atau tekan Cmd+Shift+P (Mac) / Ctrl+Shift+P (Windows/Linux) dan ketik "Buka Pengaturan Windsurf".
Gulir ke bagian "Cascade" di Pengaturan Lanjutan.
Cari opsi MCP—labelnya seperti "Model Context Protocol". Aktifkan!

Ini memberi tahu Windsurf untuk mulai mendengarkan server MCP. Anda juga akan memilih model AI di sini—Claude 3.5 Sonnet adalah pilihan yang solid untuk tugas pengkodean.

Langkah 3: Tambahkan Server MCP

Sekarang, mari kita pasang server MCP. Windsurf mendukung dua jenis: stdio (hal-hal baris perintah lokal) dan sse (server jarak jauh melalui HTTP). Untuk tutorial ini, kita akan menggunakan Server PostgreSQL MCP dari GitHub—sempurna untuk pecinta database.

Ambil Server: Kunjungi postgresql-mcp-server (disarankan: kunjungi windsurf.run untuk menemukan lebih banyak server mcp), kloning (git clone https://github.com/HenkDz/postgresql-mcp-server.git), dan masuk ke folder (cd postgresql-mcp-server).
Instal: Anda memerlukan Node.js 18+. Jalankan:

npm install
npm run build

3. Konfigurasikan: Buka pengaturan Windsurf Anda lagi, tekan "Tambahkan Server" di bawah Cascade, dan tempel ini ke dalam file mcp_config.json (ditemukan di ~/.codeium/windsurf/mcp_config.json):

Atau diakses langsung di pengaturan windsurf:

Kemudian pilih "Tambahkan server khusus":

{
  "mcpServers": {
    "postgresql-mcp": {
      "command": "node",
      "args": ["/path/to/postgresql-mcp-server/build/index.js"],
      "disabled": false,
      "alwaysAllow": []
    }
  }
}

Ganti /path/to/ dengan jalur folder Anda yang sebenarnya (mis., /home/user/postgresql-mcp-server).

Atau, Anda dapat menelusuri daftar templat server mcp yang tersedia yang membuat konfigurasi dan instalasi mcp lebih mudah saat menggunakan windsurf.

4. Segarkan: Tekan tombol segarkan di pengaturan untuk memuatnya.

HiMCP.ai - Temukan 1682+ Server MCP

Langkah 4: Uji Koneksi

Mulai server secara lokal dengan:

npm run dev

Kemudian, di Windsurf, buka panel Cascade (antarmuka obrolan) dan ketik sesuatu seperti, "Analisis database PostgreSQL saya di postgresql://user:password@localhost:5432/mydb." Jika berfungsi, Cascade akan membalas dengan wawasan kinerja atau detail skema—keren, kan?

Menggunakan Server MCP di Windsurf: Kesenangan Dunia Nyata

Sekarang server MCP Anda berdengung, mari kita bermain dengannya di Windsurf. Server PostgreSQL MCP sarat dengan trik—berikut cara menggunakan beberapa di antaranya.

Membuat Kueri Database Anda

Di Cascade, coba:

>> Get schema info for postgresql://user:password@localhost:5432/mydb

Server MCP akan mengambil nama tabel, kolom, dan batasan, dan AI Windsurf akan memformatnya dengan baik. Perlu spesifikasi? Tambahkan "untuk tabel pengguna" untuk memperbesar.

Membuat Tabel

Beri tahu Cascade:

>> Create a table called 'tasks' with columns id (SERIAL), name (VARCHAR), and done (BOOLEAN) in postgresql://user:password@localhost:5432/mydb

Server MCP mengeksekusinya, dan Windsurf menunjukkan hasilnya. Tidak diperlukan SQL manual!

Men-debug Kueri Lambat

Jika aplikasi Anda tertinggal, tanyakan:

>> Debug performance issues on postgresql://user:password@localhost:5432/mydb

Server menggali hambatan—mungkin indeks yang hilang—dan Windsurf menyarankan perbaikan. Ini seperti memiliki DBA di panggilan cepat!

Menjelajahi Lebih Banyak Server MCP di Windsurf

Server PostgreSQL MCP hanyalah permulaan. Pengguna Windsurf dapat mengunjungi windsurf.run untuk menemukan lebih banyak server MCP, aturan Windsurf, tutorial, dan banyak barang bagus. Ingin mengotomatiskan GitHub? Ada server untuk itu. Butuh kontrol browser? Lihat penawaran MCP Browserbase.

Halaman Dokumen Windsurf adalah peta harta karun Anda—gali dan temukan apa yang sesuai dengan proyek Anda!

Tips untuk Menguasai MCP di Windsurf

Berikut cara menggunakan MCP di Windsurf seperti seorang profesional:

Tetap Relevan: Hanya aktifkan server MCP yang Anda butuhkan—terlalu banyak dapat membingungkan Cascade.
Gunakan @ Sebutan: Di Cascade, ketik @postgresql-mcp untuk menargetkan server Anda secara langsung.
Periksa Log: Jika ada yang salah, intip di ~/.codeium/windsurf/logs untuk petunjuk.
Eksperimen: Coba perintah seperti "Pantau database saya" atau "Ekspor data tabel"—Server PostgreSQL MCP memiliki banyak kekuatan tersembunyi.

Mengapa Server MCP Membuat Windsurf Bersinar

Inilah intinya: MCP mengubah Windsurf menjadi lebih dari sekadar editor—ini adalah pusat komando. Postingan di X mengoceh tentang bagaimana server MCP (seperti integrasi database Neon) memungkinkan Anda untuk "mengelola proyek tanpa menulis SQL". Itulah suasananya—lebih sedikit pekerjaan kasar, lebih banyak alur. Dibandingkan dengan alat seperti Cursor, Windsurf dengan MCP menawarkan kesadaran konteks yang lebih dalam dan integrasi alat yang mulus, membuat Anda tetap terkunci dalam alur Anda.

Kesimpulan: Petualangan Windsurf MCP Anda Menanti

Itu dia—Anda sekarang menjadi maestro MCP di Windsurf! Dari menghubungkan Server PostgreSQL MCP hingga membuat kueri database dengan beberapa kata, Anda telah membuka tingkat baru dari gaya pengkodean. Kunjungi windsurf.run untuk lebih banyak server MCP, tips Windsurf, dan tutorial untuk menjaga momentum tetap berjalan.

button