LLM bergantung pada informasi yang sudah usang atau generik tentang pustaka yang Anda gunakan. Anda mendapatkan:
- ❌ Contoh kode yang sudah usang dan berdasarkan data pelatihan dari tahun lalu
- ❌ API yang diimajinasikan tidak pernah ada
- ❌ Jawaban generik untuk versi paket yang lama
Context7 MCP mengambil dokumentasi dan contoh kode terkini yang spesifik versi langsung dari sumbernya — dan menempatkannya langsung ke dalam prompt Anda.
Tambahkan use context7 ke prompt Anda di Cursor:
Buat middleware Next.js yang memeriksa JWT valid di cookie dan mengarahkan pengguna yang tidak terautentikasi ke `/login`. use context7Konfigurasikan skrip Cloudflare Worker untuk menyimpan respons API JSON selama lima menit. use context7Context7 mengambil contoh kode dan dokumentasi terkini langsung ke konteks LLM.
- 1️⃣ Tulis permintaan Anda secara alami
- 2️⃣ Beri tahu LLM untuk
use context7 - 3️⃣ Dapatkan jawaban kode yang berfungsi Tidak perlu berpindah tab, tidak ada API yang diimajinasikan yang tidak ada, tidak ada hasil kode usang.
Kunjungi panduan penambahan proyek untuk mempelajari cara menambahkan (atau memperbarui) pustaka favorit Anda ke Context7.
- Node.js >= v18.0.0
- Cursor, Windsurf, Claude Desktop, atau klien MCP lainnya
Menginstal melalui Smithery
Untuk menginstal Context7 MCP Server untuk klien apa pun secara otomatis melalui Smithery:
npx -y @smithery/cli@latest install @upstash/context7-mcp --client <NAMA_KLIEN> --key <KUNCI_SMITHERY_ANDA>Anda dapat menemukan kunci Smithery Anda di halaman web Smithery.ai.
Instal di Cursor
Pergi ke: Settings -> Cursor Settings -> MCP -> Add new global MCP server
Menyalin konfigurasi berikut ke file ~/.cursor/mcp.json Anda adalah pendekatan yang direkomendasikan. Anda juga dapat menginstalnya di proyek tertentu dengan membuat .cursor/mcp.json di folder proyek Anda. Lihat dokumentasi Cursor MCP untuk info lebih lanjut.
Sejak Cursor 1.0, Anda dapat mengklik tombol instal di bawah untuk instalasi satu klik instan.
{
"mcpServers": {
"context7": {
"url": "https://mcp.context7.com/mcp"
}
}
}{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}Alternatif: Gunakan Bun
{
"mcpServers": {
"context7": {
"command": "bunx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}Instal di Windsurf
Tambahkan ini ke file konfigurasi MCP Windsurf Anda. Lihat dokumentasi MCP Windsurf untuk info lebih lanjut.
{
"mcpServers": {
"context7": {
"serverUrl": "https://mcp.context7.com/mcp"
}
}
}{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}Instal di Trae
Gunakan fitur Tambah secara manual dan isi informasi konfigurasi JSON untuk server MCP tersebut. Untuk detail lebih lanjut, kunjungi dokumentasi Trae.
{
"mcpServers": {
"context7": {
"url": "https://mcp.context7.com/mcp"
}
}
}{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}Instal di VS Code
Tambahkan ini ke file konfigurasi MCP VS Code Anda. Lihat dokumentasi MCP VS Code untuk info lebih lanjut.
"mcp": {
"servers": {
"context7": {
"type": "http",
"url": "https://mcp.context7.com/mcp"
}
}
}"mcp": {
"servers": {
"context7": {
"type": "stdio",
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}Instal di Visual Studio 2022
Anda dapat mengonfigurasi Context7 MCP di Visual Studio 2022 dengan mengikuti dokumentasi Server MCP Visual Studio. Tambahkan ini ke file konfigurasi MCP Visual Studio Anda (lihat dokumentasi Visual Studio untuk detailnya):
{
"mcp": {
"servers": {
"context7": {
"type": "http",
"url": "https://mcp.context7.com/mcp"
}
}
}
}Atau, untuk server lokal:
{
"mcp": {
"servers": {
"context7": {
"type": "stdio",
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}
}Untuk informasi dan pemecahan masalah lebih lanjut, lihat dokumentasi Server MCP Visual Studio.
Instal di Zed
Dapat diinstal melalui Ekstensi Zed atau Anda dapat menambahkan ini ke settings.json Zed Anda. Lihat dokumentasi Server Konteks Zed untuk info lebih lanjut.
{
"context_servers": {
"Context7": {
"source": "custom",
"command": "npx",
"args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
}
}
}Instal di Gemini CLI
Lihat Konfigurasi Gemini CLI untuk detailnya.
- Buka file pengaturan Gemini CLI. Lokasinya adalah
~/.gemini/settings.json(di mana~adalah direktori home Anda). - Tambahkan berikut ini ke objek
mcpServersdi filesettings.jsonAnda:
{
"mcpServers": {
"context7": {
"httpUrl": "https://mcp.context7.com/mcp"
}
}
}Atau, untuk server lokal:
{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}Jika objek mcpServers tidak ada, buatlah.
Instal di Claude Code
Jalankan perintah ini. Lihat dokumentasi MCP Claude Code untuk info lebih lanjut.
claude mcp add --scope user context7 -- npx -y @upstash/context7-mcpclaude mcp add --scope user --transport http context7 https://mcp.context7.com/mcpInstal di Claude Desktop
Tambahkan ini ke file claude_desktop_config.json Claude Desktop Anda. Lihat dokumentasi MCP Claude Desktop untuk info lebih lanjut.
{
"mcpServers": {
"Context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}Instal di Cline
Anda dapat dengan mudah menginstal Context7 melalui Pasar Server MCP Cline dengan mengikuti petunjuk berikut:
- Buka Cline.
- Klik ikon menu hamburger (☰) untuk masuk ke bagian Server MCP.
- Gunakan bilah pencarian di tab Marketplace untuk menemukan Context7.
- Klik tombol Instal.
Instal di BoltAI
Buka halaman "Pengaturan" aplikasi, navigasikan ke "Plugin," dan masukkan JSON berikut:
{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}Setelah disimpan, masukkan di obrolan query-docs diikuti oleh ID dokumentasi Context7 Anda (contoh: query-docs /nuxt/ui). Informasi lebih lanjut tersedia di situs dokumentasi BoltAI. Untuk BoltAI di iOS, lihat panduan ini.
Menggunakan Docker
Jika Anda lebih suka menjalankan server MCP dalam wadah Docker:
-
Bangun Gambar Docker: Pertama, buat
Dockerfiledi direktori utama proyek (atau di mana pun Anda inginkan):Klik untuk melihat isi Dockerfile
FROM node:18-alpine WORKDIR /app # Instal versi terbaru secara global RUN npm install -g @upstash/context7-mcp # Ekspor port default jika diperlukan (opsional, tergantung pada interaksi klien MCP) # EXPOSE 3000 # Perintah default untuk menjalankan server CMD ["context7-mcp"]
Kemudian, bangun gambar menggunakan tag (contoh:
context7-mcp). Pastikan Docker Desktop (atau daemon Docker) berjalan. Jalankan perintah berikut di direktori yang sama tempat Anda menyimpanDockerfile:docker build -t context7-mcp . -
Konfigurasikan Klien MCP Anda: Perbarui konfigurasi klien MCP 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 klien MCP Anda (seperti Cursor, VS Code, dll.) sebelumnya di README ini untuk menyesuaikan struktur (misalnya,
mcpServersvsservers). Juga, pastikan nama gambar diargssesuai dengan tag yang digunakan saat perintahdocker build.
Instal di Windows
Konfigurasi di Windows sedikit berbeda dibandingkan Linux atau macOS (Cline digunakan sebagai contoh). Prinsip yang sama berlaku untuk editor lainnya; lihat konfigurasi command dan args.
{
"mcpServers": {
"github.com/upstash/context7-mcp": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@upstash/context7-mcp@latest"],
"disabled": false,
"autoApprove": []
}
}
}Instal di Augment Code
Untuk mengonfigurasi Context7 MCP di Augment Code, Anda dapat menggunakan antarmuka grafis atau konfigurasi manual.
- Klik menu hamburger.
- Pilih Pengaturan.
- Navigasikan ke bagian Alat.
- Klik tombol + Tambah MCP.
- Masukkan perintah berikut:
npx -y @upstash/context7-mcp@latest - Beri nama MCP: Context7.
- Klik tombol Tambah. Setelah server MCP ditambahkan, Anda dapat mulai menggunakan fitur dokumentasi kode terkini Context7 langsung di Augment Code.
- Tekan Cmd/Ctrl Shift P atau pergi ke menu hamburger di panel Augment
- Pilih Edit Pengaturan
- Di bawah Lanjutan, klik Edit di settings.json
- Tambahkan konfigurasi server ke array
mcpServersdi objekaugment.advanced
"augment.advanced": {
"mcpServers": [
{
"name": "context7",
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
]
}Setelah server MCP ditambahkan, restart editor Anda. Jika Anda menerima kesalahan, periksa sintaks untuk memastikan tanda kurung atau koma penutup tidak hilang.
Instal di Roo Code
Tambahkan ini ke file konfigurasi MCP Roo Code Anda. Lihat dokumentasi MCP Roo Code untuk info lebih lanjut.
{
"mcpServers": {
"context7": {
"type": "streamable-http",
"url": "https://mcp.context7.com/mcp"
}
}
}{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}Instal di Zencoder
Untuk mengonfigurasi Context7 MCP di Zencoder, ikuti langkah-langkah berikut:
- Pergi ke menu Zencoder (...)
- Dari menu dropdown, pilih Alat Agen
- Klik Tambah MCP Kustom
- Tambahkan nama dan konfigurasi server dari bawah, dan pastikan untuk menekan tombol Instal
{
"command": "npx",
"args": [
"-y",
"@upstash/context7-mcp@latest"
]
}Setelah server MCP ditambahkan, Anda dapat dengan mudah terus menggunakannya.
Instal di Amazon Q Developer CLI
Tambahkan ini ke file konfigurasi Amazon Q Developer CLI Anda. Lihat dokumentasi Amazon Q Developer CLI untuk detail lebih lanjut.
{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp@latest"]
}
}
}Instal di Qodo Gen
Lihat dokumentasi Qodo Gen untuk detail lebih lanjut.
- Buka panel obrolan Qodo Gen di VSCode atau IntelliJ.
- Klik Hubungkan lebih banyak alat.
- Klik + Tambah MCP baru.
- Tambahkan konfigurasi berikut:
{
"mcpServers": {
"context7": {
"url": "https://mcp.context7.com/mcp"
}
}
}Instal di JetBrains AI Assistant
Lihat Dokumentasi JetBrains AI Assistant untuk detail lebih lanjut.
- Di IDE JetBrains pergi ke
Pengaturan->Alat->Asisten AI->Protokol Konteks Model (MCP) - Klik
+ Tambah. - Klik pada
Perintahdi pojok kiri atas dialog dan pilih opsi Sebagai JSON dari daftar - Tambahkan konfigurasi ini dan klik
OK
{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}- Klik
Terapkanuntuk menyimpan perubahan. - Dengan cara yang sama context7 dapat ditambahkan untuk JetBrains Junie di
Pengaturan->Alat->Junie->Pengaturan MCP
Instal di Warp
Lihat Dokumentasi Protokol Konteks Model Warp untuk detail.
- Navigasikan
Pengaturan>AI>Kelola server MCP. - Tambahkan server MCP baru dengan mengklik tombol
+ Tambah. - Tempel konfigurasi yang diberikan di bawah:
{
"Context7": {
"command": "npx",
"args": [
"-y",
"@upstash/context7-mcp"
],
"env": {},
"working_directory": null,
"start_on_launch": true
}
}- Klik
Simpanuntuk menerapkan perubahan.
Instal di Opencode
Tambahkan ini ke file konfigurasi Opencode Anda. Lihat dokumentasi MCP Opencode untuk info lebih lanjut.
"mcp": {
"context7": {
"type": "remote",
"url": "https://mcp.context7.com/mcp",
"enabled": true
}
}{
"mcp": {
"context7": {
"type": "local",
"command": ["npx", "-y", "@upstash/context7-mcp"],
"enabled": true
}
}
}Instal di Copilot Coding Agent
Tambahkan konfigurasi berikut ke bagian mcp file konfigurasi Copilot Coding Agent Anda Repositori->Pengaturan->Copilot->Coding agent->Konfigurasi MCP:
{
"mcpServers": {
"context7": {
"type": "http",
"url": "https://mcp.context7.com/mcp",
"tools": [
"query-docs",
"resolve-library-id"
]
}
}
}Untuk informasi lebih lanjut, lihat dokumentasi resmi GitHub.
Instal di Copilot CLI
- Buka file konfigurasi MCP Copilot CLI. Lokasinya adalah
~/.copilot/mcp-config.json(di mana~adalah direktori home Anda). - Tambahkan yang berikut ke objek
mcpServersdi filemcp-config.jsonAnda:
{
"mcpServers": {
"context7": {
"type": "http",
"url": "https://mcp.context7.com/mcp",
"headers": {
"CONTEXT7_API_KEY": "YOUR_API_KEY"
},
"tools": ["query-docs", "resolve-library-id"]
}
}
}Atau, untuk server lokal:
{
"mcpServers": {
"context7": {
"type": "local",
"command": "npx",
"tools": ["query-docs", "resolve-library-id"],
"args": ["-y", "@upstash/context7-mcp", "--api-key", "YOUR_API_KEY"]
}
}
}Jika file mcp-config.json tidak ada, buatlah.
Instal di Kiro
Lihat Dokumentasi Protokol Konteks Model Kiro untuk detail.
- Navigasikan
Kiro>Server MCP - Tambahkan server MCP baru dengan mengklik tombol
+ Tambah. - Tempel konfigurasi yang diberikan di bawah:
{
"mcpServers": {
"Context7": {
"command": "npx",
"args": [
"-y",
"@upstash/context7-mcp"
],
"env": {},
"disabled": false,
"autoApprove": []
}
}
}- Klik
Simpanuntuk menerapkan perubahan.
Instal di OpenAI Codex
Lihat OpenAI Codex untuk informasi lebih lanjut. Tambahkan konfigurasi berikut ke pengaturan server MCP OpenAI Codex Anda:
[mcp_servers.context7]
args = ["-y", "@upstash/context7-mcp"]
command = "npx"[mcp_servers.context7]
url = "https://mcp.context7.com/mcp"
http_headers = { "CONTEXT7_API_KEY" = "YOUR_API_KEY" }Instal di LM Studio
Lihat Dukungan MCP LM Studio untuk informasi lebih lanjut.
- Navigasikan ke
Program(sisi kanan) >Instal>Edit mcp.json. - Tempel konfigurasi yang diberikan di bawah:
{
"mcpServers": {
"Context7": {
"command": "npx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}- Klik
Simpanuntuk menerapkan perubahan. - Aktifkan/nonaktifkan server MCP dari sisi kanan, di bawah
Program, atau dengan mengklik ikon colokan di bagian bawah kotak obrolan.
Context7 MCP menyediakan alat berikut yang dapat digunakan oleh LLM:
resolve-library-id: Mengubah nama pustaka umum menjadi ID pustaka yang kompatibel dengan Context7.query(wajib): Pertanyaan atau tugas pengguna (untuk peringkat relevansi)libraryName(wajib): Nama pustaka yang ingin dicari
query-docs: Mengambil dokumentasi untuk pustaka menggunakan ID pustaka yang kompatibel dengan Context7.libraryId(wajib): ID pustaka yang kompatibel dengan Context7 (contoh:/mongodb/docs,/vercel/next.js)query(wajib): Pertanyaan atau tugas untuk mendapatkan dokumentasi yang relevan
Jika Anda tidak ingin menambahkan
use context7ke setiap permintaan, Anda dapat menentukan aturan sederhana di file.windsurfrulesAnda di Windsurf atau dari bagianCursor Settings > Rulesdi Cursor (atau yang setara di klien MCP Anda) untuk memanggil Context7 secara otomatis pada setiap pertanyaan kode:[[calls]] match = "when the user requests code examples, setup or configuration steps, or library/API documentation" tool = "context7"Mulai saat itu, Anda akan mendapatkan dokumen Context7 dalam setiap percakapan terkait tanpa mengetik sesuatu tambahan. Anda dapat menambahkan kasus penggunaan Anda ke bagian match.
Jika Anda sudah tahu persis pustaka mana yang ingin digunakan, tambahkan ID Context7-nya ke permintaan Anda. Dengan begitu, server MCP Context7 dapat melewati langkah pencocokan pustaka dan langsung mengambil dokumen.
implementasikan otentikasi dasar dengan supabase. gunakan pustaka /supabase/supabase untuk api dan docsSintaks garis miring memberi tahu alat MCP pustaka mana yang harus dimuat dokumennya.
Salin proyek dan instal dependensi:
pnpm iBangun:
pnpm run buildJalankan server:
node packages/mcp/dist/index.jscontext7-mcp menerima bendera CLI berikut:
--transport <stdio|http>– Transportasi yang digunakan (stdiosecara default).--port <number>– Port yang didengarkan saat menggunakan transporthttp(default3000). Contoh dengan transport http dan port 8080:
node packages/mcp/dist/index.js --transport http --port 8080Contoh 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-mcpKesalahan Modul Tidak Ditemukan
Jika Anda mengalami ERR_MODULE_NOT_FOUND, coba gunakan bunx alih-alih npx:
{
"mcpServers": {
"context7": {
"command": "bunx",
"args": ["-y", "@upstash/context7-mcp"]
}
}
}Ini sering menyelesaikan masalah penyelesaian modul di lingkungan di mana npx tidak menginstal atau menyelesaikan paket dengan benar.
Masalah Resolusi ESM
Untuk kesalahan seperti Error: Cannot find module 'uriTemplate.js', coba gunakan bendera --experimental-vm-modules:
{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "--node-options=--experimental-vm-modules", "@upstash/context7-mcp@1.0.6"]
}
}
}Masalah TLS/Sertifikat
Gunakan bendera --experimental-fetch untuk melewati masalah terkait TLS:
{
"mcpServers": {
"context7": {
"command": "npx",
"args": ["-y", "--node-options=--experimental-fetch", "@upstash/context7-mcp"]
}
}
}Kesalahan Umum Klien MCP
- Coba tambahkan
@latestke nama paket - Gunakan
bunxsebagai alternatifnpx - Pertimbangkan menggunakan
denosebagai alternatif lain - Pastikan Anda menggunakan Node.js v18 atau lebih tinggi untuk dukungan fetch native
Proyek Context7 dikontribusikan oleh komunitas dan meskipun kami berusaha menjaga kualitas tinggi, kami tidak dapat menjamin keakuratan, kelengkapan, atau keamanan semua dokumentasi pustaka. Proyek yang terdaftar di Context7 dikembangkan dan dikelola oleh pemilik masing-masing, bukan oleh Context7. Jika Anda menemukan konten yang mencurigakan, tidak pantas, atau berpotensi membahayakan, gunakan tombol "Laporkan" di halaman proyek untuk segera memberi tahu kami. Kami memperlakukan semua laporan dengan serius dan akan segera meninjau konten yang dilaporkan untuk menjaga integritas dan keamanan platform kami. Dengan menggunakan Context7, Anda mengakui bahwa Anda melakukannya atas kebijaksanaan dan risiko Anda sendiri.
Tetap terbaru dan bergabunglah dengan komunitas kami:
- 📢 Ikuti kami di X untuk berita dan pembaruan terbaru
- 🌐 Kunjungi Situs Web kami
- 💬 Bergabunglah dengan Komunitas Discord kami
- 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"
- AICodeKing: "Context7 + Cline & RooCode: This MCP Server Makes CLINE 100X MORE EFFECTIVE!"
- Sean Kochel: "5 MCP Servers For Vibe Coding Glory (Just Plug-In & Go)"
MIT