context7/docs/README.id-ID.md

Context7 MCP - Dokumentasi Ter-Update Untuk Setiap Prompt

❌ Tanpa Context7

LLM mengandalkan informasi yang sudah lama atau umum tentang library yang Anda gunakan, bukan yang terbaru.

Hasilnya anda akan mendapatkan:

• ❌ Contoh kode sudah usang dan berdasarkan data pelatihan yang sudah lama
• ❌ API yang dikarang yang sebetulnya tidak ada sama sekali
• ❌ Jawaban umum untuk versi paket lama

✅ Dengan Context7

Context7 MCP mengambil dokumentasi dan contoh kode terkini, spesifik versi langsung dari sumbernya — dan menempatkannya langsung ke dalam prompt Anda.

Tambahkan gunakan context7 ke prompt Anda di Cursor:

Buat proyek Next.js dasar dengan app router. gunakan context7

Buat skrip untuk menghapus baris di mana kota adalah "" berdasarkan kredensial PostgreSQL. gunakan context7

Context7 mengambil contoh kode dan dokumentasi terkini langsung ke dalam konteks LLM Anda.

• 1️⃣ Tulis prompt Anda secara natural
• 2️⃣ Beri tahu LLM untuk use context7
• 3️⃣ Dapatkan jawaban dengan kode yang berfungsi

Tidak perlu beralih tab, tidak ada API yang dikarang yang sebetulnya tidak ada sama sekali, tidak akan menghasilkan kode yang usang.

🛠️ Memulai

Persyaratan

• Node.js >= v18.0.0
• Cursor, Windsurf, Claude Desktop atau MCP Client lainnya

Instalasi melalui Smithery

Untuk menginstal Context7 MCP Server untuk Claude Desktop secara otomatis melalui Smithery:

npx -y @smithery/cli install @upstash/context7-mcp --client claude

Instalasi di Cursor

Buka: Settings -> Cursor Settings -> MCP -> Add new global MCP server

Tambahkan konfigurasi berikut ke dalam file Cursor ~/.cursor/mcp.json Anda adalah pendekatan yang direkomendasikan. Lihat Dokumentasi Cursor MCP untuk informasi lebih lanjut.

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

Alternatif: Menggunakan Bun

{
  "mcpServers": {
    "context7": {
      "command": "bunx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Alternatif: Menggunakan Deno

{
  "mcpServers": {
    "context7": {
      "command": "deno",
      "args": ["run", "--allow-net", "npm:@upstash/context7-mcp"]
    }
  }
}

Instalasi di Windsurf

Tambahkan ini ke file konfigurasi MCP Windsurf Anda. Lihat Dokumentasi Windsurf MCP untuk informasi lebih lanjut.

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

Instalasi di VS Code

Tambahkan ini ke file konfigurasi MCP VS Code Anda. Lihat Dokumentasi VS Code MCP untuk informasi lebih lanjut.

{
  "servers": {
    "Context7": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Instalasi di Zed

Dapat diinstal melalui Ekstensi Zed atau Anda dapat menambahkan ini ke settings.json Zed Anda. Lihat Dokumentasi Zed Context Server untuk informasi lebih lanjut.

{
  "context_servers": {
    "Context7": {
      "command": {
        "path": "npx",
        "args": ["-y", "@upstash/context7-mcp@latest"]
      },
      "settings": {}
    }
  }
}

Instalasi di Claude Code

Jalankan perintah ini. Lihat Dokumentasi Claude Code MCP untuk informasi lebih lanjut.

claude mcp add context7 -- npx -y @upstash/context7-mcp@latest

Instalasi di Claude Desktop

Tambahkan ini ke file claude_desktop_config.json Claude Desktop Anda. Lihat Dokumentasi Claude Desktop MCP untuk informasi lebih lanjut.

{
  "mcpServers": {
    "Context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Menggunakan Docker

Jika Anda lebih suka menjalankan server MCP dalam kontainer Docker:

1. Membuat Image Docker:

   Pertama, buat Dockerfile di root proyek (atau di mana pun Anda suka):

   Klik untuk melihat konten Dockerfile

   FROM node:18-alpine
   
   WORKDIR /app
   
   # Instal versi terbaru secara global
   RUN npm install -g @upstash/context7-mcp@latest
   
   # Ekspos port default jika diperlukan (opsional, tergantung pada interaksi klien MCP)
   # EXPOSE 3000
   
   # Perintah default untuk menjalankan server
   CMD ["context7-mcp"]
   

   Kemudian, buat image menggunakan tag (misalnya, context7-mcp). Pastikan Docker Desktop (atau daemon Docker) sedang berjalan. Jalankan perintah berikut di direktori yang sama di mana Anda menyimpan Dockerfile:

   docker build -t context7-mcp .
   

2. Konfigurasi MCP Client Anda:

   Perbarui konfigurasi MCP client Anda untuk menggunakan perintah Docker.

   Contoh untuk cline_mcp_settings.json:

   {
     "mcpServers": {
       "Сontext7": {
         "autoApprove": [],
         "disabled": false,
         "timeout": 60,
         "command": "docker",
         "args": ["run", "-i", "--rm", "context7-mcp"],
         "transportType": "stdio"
       }
     }
   }
   

   Catatan: Ini adalah contoh konfigurasi. Silakan merujuk ke contoh spesifik untuk MCP client Anda (seperti Cursor, VS Code, dll.) sebelumnya dalam README ini untuk menyesuaikan struktur (misalnya, mcpServers vs servers). Juga, pastikan nama image di args cocok dengan tag yang digunakan selama perintah docker build.

Alat yang Tersedia

• resolve-library-id: Menyelesaikan nama library umum menjadi ID library yang kompatibel dengan Context7.
  • libraryName (wajib)
• get-library-docs: Mengambil dokumentasi untuk library menggunakan ID library yang kompatibel dengan Context7.
  • context7CompatibleLibraryID (wajib)
  • topic (opsional): Fokuskan dokumentasi pada topik tertentu (misalnya, "routing", "hooks")
  • tokens (opsional, default 10000): Jumlah maksimum token yang akan dihasilkan. Nilai kurang dari 10000 secara otomatis ditingkatkan menjadi 10000.

Pengembangan

Kloning proyek dan instal dependensi:

bun i

Build:

bun run build

Contoh Konfigurasi Lokal

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["tsx", "/path/to/folder/context7-mcp/src/index.ts"]
    }
  }
}

Pengujian dengan MCP Inspector

npx -y @modelcontextprotocol/inspector npx @upstash/context7-mcp@latest

Pemecahan Masalah

ERR_MODULE_NOT_FOUND

Jika Anda melihat kesalahan ini, coba gunakan bunx sebagai pengganti npx.

{
  "mcpServers": {
    "context7": {
      "command": "bunx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Ini sering menyelesaikan masalah resolusi modul, terutama di lingkungan di mana npx tidak menginstal atau menyelesaikan paket dengan benar.

Masalah Resolusi ESM

Jika Anda mengalami kesalahan seperti: Error: Cannot find module 'uriTemplate.js' coba jalankan dengan flag --experimental-vm-modules:

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "--node-options=--experimental-vm-modules", "@upstash/context7-mcp@1.0.6"]
    }
  }
}

Kesalahan MCP Client

1. Coba hapus @latest dari nama paket.

2. Coba gunakan bunx sebagai alternatif.

3. Coba gunakan deno sebagai alternatif.

4. Pastikan Anda menggunakan Node v18 atau lebih tinggi untuk memiliki dukungan fetch native dengan npx.

Disclaimer

Proyek Context7 adalah kontribusi komunitas dan meskipun kami berusaha untuk mempertahankan kualitas tinggi, kami tidak dapat menjamin keakuratan, kelengkapan, atau keamanan semua dokumentasi library. Proyek yang terdaftar di Context7 dikembangkan dan dikelola oleh pemiliknya masing-masing, bukan oleh Context7. Jika Anda menemukan konten yang mencurigakan, tidak pantas, atau berpotensi berbahaya, silakan gunakan tombol "Report" di halaman proyek untuk memberi tahu kami segera. Kami menganggap semua laporan dengan serius dan akan meninjau konten yang ditandai segera untuk menjaga integritas dan keamanan platform kami. Dengan menggunakan Context7, Anda mengakui bahwa Anda melakukannya atas kebijaksanaan dan risiko Anda sendiri.

Context7 Di Media

• Better Stack: "Free Tool Makes Cursor 10x Smarter"
• Cole Medin: "This is Hands Down the BEST MCP Server for AI Coding Assistants"
• Income stream surfers: "Context7 + SequentialThinking MCPs: Is This AGI?"
• Julian Goldie SEO: "Context7: New MCP AI Agent Update"
• JeredBlu: "Context 7 MCP: Get Documentation Instantly + VS Code Setup"
• Income stream surfers: "Context7: The New MCP Server That Will CHANGE AI Coding"

Grafik Riwayat Bintang

Lisensi

MIT