문서 · Upstash

작년 예제로 코드를 짜고 있었어요

Next.js에서 데이터 가져오는 코드를 짜 달라고 했어요. 바로 나왔어요. 근데 getServerSideProps예요. 앱 라우터에선 안 쓰는, 작년 예제예요.

그전

기억에 의존하면

Next.js 앱 라우터에서 데이터 가져오는 예제 짜줘.

getServerSideProps로 서버에서 가져와 페이지에 넘기면 돼요.

이제

지금 문서를 넣으면

Context7으로 지금 Next.js 문서 기준으로, 앱 라우터 데이터 가져오기만 짜줘.

앱 라우터에선 서버 컴포넌트에서 바로 fetch 해요. getServerSideProps는 페이지 라우터 쪽이에요.

대화는 재구성이에요. 오른쪽이 가리키는 구분은 공식 문서의 라우터 차이와 같아요. 저장소 한 줄은 “LLM과 AI 코드 에디터를 위한 최신 코드 문서”예요.

모델은 학습이 끝난 시점의 문서를 기억해요. 프레임워크는 그 뒤로도 계속 바뀌어요. 이름이 같으니 모델은 자신 있게 예전 API를 꺼내요. 틀린 줄도 몰라요. 그래서 되던 코드가 안 되고, 검색을 한 번 더 하게 돼요. 최신 문서를 매번 찾아 붙이는 것도 일이에요.

이 도구를 붙이면, 코드를 짜기 전에 지금 버전 문서부터 읽고 시작해요.

한 줄이 브라우저 인증을 열어요

공식 한 줄이 OAuth를 열어요. API 키는 채팅에 붙여 넣지 마세요.

1
이 말을 그대로 AI에 붙여넣으세요
Context7을 설치해줘. 공식 한 줄은 npx ctx7 setup 이고, 호스트 MCP는 https://mcp.context7.com/mcp 야. API 키는 채팅에 붙여넣지 말고, 클라이언트 설정으로만 넣어줘.
터미널이 익숙하다면.
npx ctx7 setup
2
설치가 끝났다면, 이렇게 물어보세요
지금 프로젝트의 프레임워크 버전을 보고, Context7으로 그 버전 문서 기준으로만 코드를 짜줘. 예전 API가 나오면 알려줘.

별 61,632는 2026-09-05 GitHub API 값이에요. 설치 수가 아니라 저장소 별이에요.

이럴 때

프레임워크가 자주 바뀌는 코드를 에이전트에게 맡길 때. “예전에 되던 코드”가 나와서 검색을 한 번 더 하게 될 때.

들어 있는 것

라이브러리별 버전 문서 주입. 설치는 npx ctx7 setup 또는 호스트 https://mcp.context7.com/mcp. 한 줄이 OAuth로 키를 만들고, 스킬 모드와 MCP 모드 중 하나를 골라요.

안 되는 것

문서에 없는 사내 API는 못 가져와요. 키 없이 익명으로도 붙지만 한도가 낮아요. 문서는 커뮤니티가 올려서, 정확도를 보장하진 않는다고 README가 적어요. 키가 채팅에 남으면 안 돼요.

별이 많다고 만능은 아니에요. 공식 문장과 설치 경로만 근거로 써요.

도움 됐다는 쪽

“Up-to-date code documentation for LLMs and AI code editors.” github.com
— upstash/context7
“npx ctx7 setup — Authenticates via OAuth, generates an API key, and installs the appropriate skill. You can choose between CLI + Skills or MCP mode.” github.com
— upstash/context7 README

아쉽다는 쪽

“API Key Recommended: Get a free API key at context7.com/dashboard for higher rate limits.” github.com
— upstash/context7 README
“Context7 projects are community-contributed and while we strive to maintain high quality, we cannot guarantee the accuracy, completeness, or security of all library documentation.” github.com
— upstash/context7 README