Manus용 Context7 MCP 커넥터

지난해 API가 아닌 현재 문서를 기준으로 코드 작성하기

“Next.js 16을 써서 로그인하지 않은 방문자를 /login으로 보내는 체크를 추가해줘”라고 말해보세요. Manus는 Context7에서 해당 라이브러리와 버전을 찾아 최신 문서와 코드 예제를 읽은 뒤 그걸 바탕으로 코드를 작성합니다. 오류를 붙여넣으면 지금 API가 어떻게 동작하는지 확인하고 무엇이 바뀌었는지, 어떻게 고치면 되는지 알려줍니다. 프롬프트에 버전 번호를 적으면 그 버전의 문서를 가져오고, /supabase/supabase 같은 라이브러리 ID를 지정하면 바로 그 라이브러리로 이동합니다.

먼저 Manus에서 Context7을 연결하세요

Next.js 16을 사용해 로그아웃한 방문자를 /login으로 보내는 체크를 추가해 주세요.

/vercel/next.js · v16삽화

로그아웃된 방문자를 /login으로 보내기

출처: github.com/vercel/next.js · docs

Next.js 16에서는 middleware 파일 이름이 proxy.ts로 바뀌었고, 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)  }}

이 코드 조각으로 proxy.ts을 작성합니다

AI용 최신 문서, 사용 중인 버전에 맞춰

프롬프트에 라이브러리 이름과 버전을 적어주세요. Manus가 Context7에서 해당 버전을 조회하고 문서와 코드 예제를 읽은 뒤, 그에 맞는 코드를 작성합니다.

이 작업에서 사용하는 라이브러리삽화
/vercel/next.js/v16.2.9
/react/react/v19.2.7
/supabase/supabase/v1.26.04

버전 번호로 버전을 요청하기

프롬프트에 버전을 적어보세요. 예를 들어 React 19 또는 Next.js 16처럼 쓰면 Context7이 해당 버전의 문서를 찾아줍니다.

라이브러리 ID를 입력하면 검색 단계를 건너뜁니다

/supabase/supabase처럼 ID를 알고 있다면 프롬프트에 넣어주세요. Manus는 먼저 검색하지 않고 바로 해당 라이브러리의 문서로 이동합니다.

문서용 MCP: 라이브러리를 찾은 뒤 그 문서를 읽습니다

Context7은 두 단계로 작동합니다. 먼저 라이브러리와 보유한 버전을 찾은 다음, 질문에 답할 수 있는 문서와 코드 예제를 읽습니다. 각 예제에는 출처 링크가 함께 제공됩니다.

하나의 함수에 대한 빠른 답변

함수가 지금 어떻게 인자를 받는지, 또는 어떤 옵션이 기존 옵션을 대체했는지 물어보세요. Manus가 코드 스니펫을 바탕으로 답하고 출처를 보여줍니다.

삽화
1라이브러리 찾기resolve-library-id
라이브러리Next.js
/vercel/next.js6,135개의 코드 예제
v16.2.9v16.1.6v15.1.11
2문서 읽기query-docs
라이브러리 ID/vercel/next.js/v16.2.9
질문proxy에서 쿠키를 읽으려면 어떻게 하나요?
  • proxy에서 요청의 쿠키 읽기출처: github.com/vercel/next.js · v16.2.9
  • 응답에 쿠키 설정출처: github.com/vercel/next.js · v16.2.9

최신 문서로 더 이상 지원되지 않는 API 오류 수정

오류를 붙여넣고 사용 중인 버전을 알려주세요. Manus가 해당 버전에서 그 API가 어떻게 동작하는지 찾아보고, 무엇이 바뀌었는지 알려주고 문제가 되는 줄을 다시 작성해 드립니다.

src/main.jsxreact 19.2삽화
TypeError: ReactDOM.render is not a function
React 19 문서에서React 19에서 ReactDOM.render가 제거되었습니다. 대신 react-dom/client의 createRoot로 앱을 렌더링하세요.
ReactDOM.render(<App />, document.getElementById('root'))import { createRoot } from 'react-dom/client'createRoot(document.getElementById('root')).render(<App />)

오류와 버전을 붙여넣으세요

Manus가 지정한 버전의 문서를 확인하고, 무엇이 바뀌었는지 한 문장으로 설명한 뒤 수정이 필요한 줄만 다시 작성합니다.

Context7 문서, 두 버전 나란히 비교

업그레이드 전, 두 버전 모두 확인해 달라고 요청하세요. Manus가 각 버전의 문서를 읽고 무엇이 바뀌었는지, 참고한 문서와 함께 목록으로 정리합니다.

문서를 참고해 업그레이드 계획하기

이름이 바뀐 항목과 동작이 달라진 항목 표로 받기. Manus에게 문서에 나오지 않는 내용은 제외해 달라고 요청해, 목록에 추측이 없도록 하세요.

삽화
Next.js 15Next.js 16
Next.js 16 업그레이드 가이드를 바탕으로
파일middleware.tsproxy.ts
함수export function middleware()export function proxy()
실행 환경edgenodejs
구성 플래그skipMiddlewareUrlNormalizeskipProxyUrlNormalize

proxy에서는 edge 런타임이 지원되지 않습니다. edge를 계속 사용하려면 지금은 middleware를 유지하세요.

전체 빌드에서 각 라이브러리의 최신 버전 사용하기

Context7 문서는 새 웹 앱 개발, 리포지토리 변경, 프로젝트의 모든 작업처럼 더 큰 작업에도 가이드가 될 수 있습니다.

최신 문서를 기반으로 웹 앱 만들기

Manus에게 사용하는 각 라이브러리에 대해 Context7을 확인해달라고 요청해, 새 웹 앱이 해당 버전의 현재 API로 시작되도록 하세요.

웹 앱 빌드 및 게시

저장소를 업데이트한 다음 풀 리퀘스트 열기

GitHub도 연결되어 있으면 Manus가 당신의 저장소에서 변경을 수행하고, 참고한 문서를 나열한 풀 리퀘스트를 엽니다.

GitHub 커넥터 보기

“먼저 문서를 확인하세요”를 프로젝트 규칙으로 만들기

이 규칙을 프로젝트 지침에 적어 두세요. 공유 지침은 그 프로젝트의 모든 새 작업에 적용되므로 매번 반복하지 않아도 됩니다.

프로젝트가 어떻게 동작하는지 알아보기

Context7 MCP 서버를 Manus에 연결하기

Context7는 이미 Manus 커넥터에 포함되어 있습니다. 한 번만 연결하면 모든 작업에서 코드를 작성하기 전에 최신 라이브러리 문서를 확인할 수 있습니다.

  1. 커넥터 열기

    Manus에서 커넥터를 열고 Context7을 선택한 다음 연결하기을 선택하세요.

  2. 연결 완료하기

    Context7은 이미 커넥터 목록에 있으므로 서버를 설치하거나 URL을 붙여넣을 필요가 없습니다. 화면에 나오는 단계를 따라 완료하세요.

  3. 어떤 작업에서든 질문하기

    라이브러리 이름을 적고, 중요한 경우 버전도 함께 적어주세요. Manus가 코드를 작성하기 전에 문서를 확인하도록 하려면 “use Context7”를 추가하세요.

Context7각 라이브러리의 최신 문서 및 코드 예제

Context7 문서 서비스를 통해 최신 라이브러리별 기술 문서와 구현 예제를 확인하세요.

연결하기삽화
  • 두 가지 도구: 하나는 라이브러리를 찾고, 하나는 문서를 읽습니다
  • 읽기 전용: 문서만 조회하며 코드나 계정을 변경하지 않습니다
  • 모든 코드 예제에는 출처 링크가 포함되어 있습니다

Context7 MCP 관련 질문

Manus에서 Context7 MCP를 설정하려면 어떻게 하나요? 설치해야 하나요, 아니면 서버 URL이나 API 키를 추가해야 하나요?

아무것도 설치하거나 서버 URL을 입력할 필요가 없습니다. Context7은 이미 Manus 커넥터에 있습니다. 커넥터를 열고 Context7을 선택한 다음 연결하기를 클릭하고 화면의 단계를 따르세요. Manus는 Context7을 추가 설정이 필요한 커넥터로 표시하지 않으며, 커넥터 페이지에서 Context7 API 키를 요구하지도 않습니다. 연결되면 어떤 작업에서든 라이브러리 이름과 버전만 지정하면 됩니다.

Context7는 어떤 라이브러리를 조회할 수 있나요?

Context7에 등록된 라이브러리, 예를 들어 Next.js, React, Supabase를 검색할 수 있습니다. 이 라이브러리들은 커뮤니티와 라이브러리 소유자가 추가합니다. 검색 결과에는 각 항목마다 라이브러리 ID, 코드 예제 수, 보유 버전이 함께 나옵니다. 라이브러리가 등록되어 있지 않으면 검색에서 적절한 결과를 찾지 못하며, 이때는 Manus에게 해당 라이브러리의 자체 문서 사이트를 읽어달라고 요청할 수 있습니다.

읽을 문서 버전을 선택할 수 있나요?

네. 프롬프트에 버전을 넣으세요. 예를 들어 “Next.js 16”이라고 하면 Context7이 해당 버전을 찾아 매칭합니다. 버전이 포함된 라이브러리 ID를 직접 지정할 수도 있습니다. 예: /vercel/next.js/v16.2.9. 어떤 버전이 사용되었는지 확인하려면 Manus에게 조회한 라이브러리 ID를 알려 달라고 요청하세요.

찾아낸 문서는 항상 정확한가요?

항상 그런 건 아닙니다. Context7의 문서는 커뮤니티와 라이브러리 소유자가 작성한 것이며, Context7는 모든 라이브러리가 완전하거나 정확하다고 보장할 수 없다고 안내합니다. 반환되는 각 코드 예제에는 출처 링크가 함께 제공되니, Manus에게 사용한 스니펫과 링크를 보여 달라고 요청해 중요한 부분은 직접 확인하세요.

이것은 AI에게 직접 코드를 작성하게 하는 것과 어떻게 다른가요?

조회 없이는 AI가 학습 당시 배운 내용을 바탕으로 작성하며, 이는 당신이 사용하는 버전보다 오래된 것일 수 있습니다. 이름이 바뀌거나 제거된 API가 새 코드에 나타나는 것도 이 때문입니다. Context7이 연결되면 Manus가 먼저 당신의 버전에 맞는 최신 문서를 읽은 다음 코드를 작성합니다.

Context7이 제 코드를 볼 수 있나요?

두 가지 도구는 라이브러리 이름 또는 ID, 짧은 질문, 그리고 알고 있다면 프로그래밍 언어를 받습니다. 둘 다 당신의 파일이나 리포지토리는 받지 않습니다. 질문은 올바른 문서를 찾기 위해 Context7 로 전달되며, 도구 안내는 AI 에게 API 키, 비밀번호, 개인 정보 및 비공개 코드를 제외하도록 지시합니다.

조회 횟수에 제한이 있나요?

네. Context7은 조회에 속도 제한을 두고 있으며, 도구들도 AI가 질문당 최대 세 번만 호출하도록 안내합니다. 처음에 라이브러리 이름과 버전을 명시하면 각 조회가 처음부터 정확한 문서를 찾는 데 도움이 됩니다.

Context7을 연결하고 최신 문서를 참고해 코드를 작성하세요

Manus에서 Context7 연결하기