Konektor MCP Context7 untuk Manus

Tulis kode berdasarkan dokumentasi saat ini, bukan API tahun lalu

Katakan “Gunakan Next.js 16 untuk menambahkan pemeriksaan yang mengarahkan pengunjung yang belum masuk ke /login.” Manus akan mencari pustaka dan versi tersebut di Context7, membaca dokumentasi dan contoh kode terkini, lalu menulis kode berdasarkan itu. Tempel sebuah error, dan ia akan memeriksa cara kerja API saat ini, memberi tahu apa yang berubah dan cara memperbaikinya. Masukkan nomor versi di prompt Anda untuk mendapatkan dokumentasi versi itu, atau sebutkan ID pustaka seperti /supabase/supabase untuk langsung menuju ke sana.

Pertama, hubungkan Context7 di Manus

Gunakan Next.js 16 untuk menambahkan pemeriksaan yang mengirim pengunjung yang belum masuk ke /login.

/vercel/next.js · v16Ilustrasi

Arahkan pengunjung yang belum login ke /login

Sumber: github.com/vercel/next.js · docs

Di Next.js 16, file middleware diberi nama proxy.ts, dan mengekspor fungsi bernama proxy.

import { NextResponse } from 'next/server'import type { NextRequest } from 'next/server'export function proxy(request: NextRequest) {  if (!request.cookies.has('session')) {    const login = new URL('/login', request.url)    return NextResponse.redirect(login)  }}

Menulis proxy.ts dari snippet ini

Dokumentasi terbaru untuk AI, sesuai versi yang Anda pakai

Sebutkan nama library dan versinya di prompt kamu. Manus akan mencari versi tersebut di Context7, membaca dokumentasi dan contoh kodenya, lalu menulis kode yang sesuai.

Pustaka dalam tugas iniIlustrasi
/vercel/next.js/v16.2.9
/react/react/v19.2.7
/supabase/supabase/v1.26.04

Minta versi berdasarkan nomor

Tulis versi di prompt kamu, seperti React 19 atau Next.js 16, dan Context7 akan mencocokkan dokumen untuk versi tersebut.

Sebutkan ID library untuk melewati pencarian

Jika Anda mengetahui ID-nya, seperti /supabase/supabase, masukkan ke dalam prompt. Manus langsung menuju dokumen library tersebut tanpa mencarinya dulu.

MCP untuk dokumentasi: temukan library, lalu baca dokumennya

Context7 bekerja dalam dua langkah. Pertama menemukan library dan versi yang dimilikinya, lalu membaca dokumentasi dan contoh kode yang menjawab pertanyaan Anda. Setiap contoh dilengkapi tautan ke sumbernya.

Jawaban cepat tentang satu fungsi

Tanyakan bagaimana sebuah fungsi menerima argumennya sekarang, atau opsi mana yang menggantikan yang lama. Manus akan menjawab berdasarkan potongan kode dan menunjukkan sumbernya.

Ilustrasi
1Temukan libraryresolve-library-id
PustakaNext.js
/vercel/next.js6.135 contoh kode
v16.2.9v16.1.6v15.1.11
2Baca dokumenquery-docs
ID Pustaka/vercel/next.js/v16.2.9
PertanyaanBagaimana cara membaca cookie di proxy?
  • Baca cookie dari permintaan di proxySumber: github.com/vercel/next.js · v16.2.9
  • Atur cookie pada responsSumber: github.com/vercel/next.js · v16.2.9

Perbaiki error API yang sudah usang dengan dokumen terkini

Tempelkan error dan sebutkan versi yang Anda gunakan. Manus akan mencari cara kerja API itu di versi Anda, memberi tahu apa yang berubah, dan menulis ulang baris yang bermasalah.

src/main.jsxreact 19.2Ilustrasi
TypeError: ReactDOM.render is not a function
Dari dokumentasi React 19React 19 menghapus ReactDOM.render. Render aplikasi dengan createRoot dari react-dom/client sebagai gantinya.
ReactDOM.render(<App />, document.getElementById('root'))import { createRoot } from 'react-dom/client'createRoot(document.getElementById('root')).render(<App />)

Tempelkan error dan versi Anda

Manus memeriksa dokumen untuk versi yang Anda sebutkan, menjelaskan dalam satu kalimat apa yang berubah, dan hanya menulis ulang baris yang memang perlu diubah.

Dokumentasi Context7 untuk dua versi, berdampingan

Sebelum upgrade, minta kedua versi. Manus membaca dokumentasi masing-masing dan mencantumkan apa yang berubah, beserta dokumentasi yang dibacanya.

Rencanakan upgrade dari dokumentasi

Dapatkan tabel berisi apa yang perlu diganti namanya dan apa yang bekerja secara berbeda. Minta Manus untuk tidak memasukkan apa pun yang tidak ditunjukkan dokumen, sehingga daftarnya tidak berisi tebakan.

Ilustrasi
Next.js 15Next.js 16
Berdasarkan panduan upgrade Next.js 16
Berkasmiddleware.tsproxy.ts
Fungsiexport function middleware()export function proxy()
Berjalan diedgenodejs
Flag konfigurasiskipMiddlewareUrlNormalizeskipProxyUrlNormalize

Runtime edge tidak didukung di proxy. Untuk tetap menggunakan edge, pertahankan middleware untuk saat ini.

Gunakan versi terbaru dari setiap library saat melakukan build lengkap

Dokumentasi Context7 juga bisa dipakai untuk pekerjaan yang lebih besar: membuat aplikasi web baru, mengubah repository Anda, atau untuk setiap tugas dalam sebuah proyek.

Buat aplikasi web berdasarkan dokumentasi terkini

Minta Manus memeriksa Context7 untuk setiap library yang digunakan, agar aplikasi web baru dimulai dengan API versi yang berlaku saat ini.

Bangun dan terbitkan aplikasi web

Perbarui repo, lalu buka pull request

Dengan GitHub yang juga terhubung, Manus membuat perubahan di repositori Anda dan membuka pull request yang mencantumkan dokumen yang diikuti.

Lihat konektor GitHub

Jadikan “periksa dokumen dulu” sebagai aturan proyek

Masukkan aturan itu ke instruksi proyek. Instruksi bersama akan memandu setiap tugas baru di proyek tersebut, jadi Anda tidak perlu mengulanginya.

Lihat cara kerja Proyek

Hubungkan server MCP Context7 ke Manus

Context7 sudah ada di Connector Manus. Hubungkan sekali, dan tugas apa pun bisa mencari dokumentasi library terkini sebelum menulis kode.

  1. Buka Konektor

    Di Manus, buka Connectors, pilih Context7 dan pilih Hubungkan.

  2. Selesaikan koneksi

    Context7 sudah tercantum di Connectors, jadi tidak perlu menginstal server atau menempelkan URL. Ikuti langkah-langkah di layar untuk menyelesaikannya.

  3. Tanyakan di task mana pun

    Sebutkan nama library, dan saat versinya penting, sebutkan juga versinya. Tambahkan “use Context7” jika kamu ingin Manus memeriksa dokumentasi sebelum menulis kode.

Context7Dokumen dan contoh kode terkini untuk setiap pustaka

Dapatkan akses ke dokumentasi teknis terkini yang spesifik untuk setiap pustaka beserta contoh implementasinya melalui layanan dokumentasi Context7.

HubungkanIlustrasi
  • Dua alat: satu menemukan pustaka, satu membaca dokumennya
  • Hanya-baca: hanya mencari dokumen dan tidak mengubah kode atau akunmu
  • Setiap contoh kode disertai tautan ke sumbernya

Pertanyaan tentang Context7 MCP

Bagaimana cara menyiapkan MCP Context7 di Manus? Apakah saya perlu menginstalnya atau menambahkan URL server atau API key?

Anda tidak perlu menginstal apa pun atau memasukkan URL server. Context7 sudah ada di Connectors Manus: buka Connectors, pilih Context7, pilih Hubungkan, dan ikuti langkah-langkah di layar. Manus tidak menandai Context7 sebagai konektor yang membutuhkan pengaturan tambahan, dan halaman konektornya juga tidak meminta API key Context7. Setelah terhubung, cukup sebutkan nama library dan versinya di tugas apa pun.

Library apa saja yang bisa dicari Context7?

Pustaka yang sudah ditambahkan ke Context7, seperti Next.js, React dan Supabase. Komunitas dan pemilik pustaka yang menambahkannya. Hasil pencariannya menampilkan setiap kecocokan dengan ID pustaka, jumlah contoh kode dan versi yang dimilikinya. Jika suatu pustaka tidak ada di sana, pencarian tidak menemukan kecocokan yang baik, dan kamu bisa meminta Manus untuk membaca situs dokumentasi pustaka itu sendiri.

Bisakah saya memilih versi dokumen mana yang dibaca?

Ya. Cantumkan versinya dalam prompt Anda, misalnya “Next.js 16”, dan Context7 akan mencocokkan versi tersebut. Anda juga bisa memberikan ID library yang sudah memuat versinya, seperti /vercel/next.js/v16.2.9. Untuk memeriksa versi mana yang digunakan, minta Manus menyebutkan ID library yang ia cari.

Apakah dokumen yang ditemukan selalu benar?

Tidak selalu. Dokumen di Context7 berasal dari komunitas dan pemilik pustaka, dan Context7 menyatakan tidak bisa menjamin setiap pustaka lengkap atau akurat. Setiap contoh kode yang dikembalikan menautkan ke sumbernya, jadi minta Manus menampilkan potongan kode dan tautan yang digunakan, serta periksa hal-hal yang penting.

Apa bedanya ini dengan meminta AI langsung menulis kode?

Tanpa pencarian, AI menulis berdasarkan apa yang dipelajarinya saat pelatihan, yang bisa lebih lama dari versi yang Anda gunakan. Itulah sebabnya API yang sudah diganti nama atau dihapus bisa muncul di kode baru. Setelah Context7 terhubung, Manus akan membaca dokumentasi terkini untuk versi Anda terlebih dahulu sebelum menulis kode.

Apakah Context7 dapat melihat kode saya?

Kedua alatnya menerima nama atau ID pustaka, pertanyaan singkat, dan jika diketahui, bahasa pemrogramannya. Keduanya tidak menerima file atau repositori Anda. Pertanyaan dikirim ke Context7 untuk menemukan dokumentasi yang tepat, dan instruksi alat memberi tahu AI untuk tidak menyertakan kunci API, kata sandi, data pribadi, dan kode privat di dalamnya.

Apakah ada batas jumlah pencarian yang bisa dilakukan?

Ya. Context7 menetapkan batas kecepatan pada pencarian, dan alatnya memerintahkan AI untuk tidak melakukan lebih dari tiga panggilan per pertanyaan. Menyebutkan nama pustaka dan versinya di awal membantu setiap pencarian menemukan dokumentasi yang tepat sejak awal.

Hubungkan Context7 dan tulis kode dari dokumentasi terkini

Hubungkan Context7 di Manus