Pour Cursor, ouvrez les settings (Cmd+,), cherchez \u201cMCP Servers\u201d, et collez \u00e7a dans la config JSON. Pour Claude Code, c\u2019est dans .claude\/settings.json<\/code> \u00e0 la racine de votre projet. Sauvegardez, red\u00e9marrez l\u2019\u00e9diteur, et c\u2019est bon.<\/p>\n

Et deuxi\u00e8me m\u00e9thode d\u2019install, c\u2019est en local via npx. Apr\u00e8s c\u2019est la m\u00eame cl\u00e9 API mais la config est l\u00e9g\u00e8rement diff\u00e9rente :<\/p>\n

\n{\n<\/span><\/span> \"mcpServers\": {\n<\/span><\/span> \"context7\": {\n<\/span><\/span> \"command\": \"npx\",\n<\/span><\/span> \"args\": [\"-y\", \"@upstash\/context7-mcp\", \"--api-key\", \"votre_cle_api_ici\"]\n<\/span><\/span> }\n<\/span><\/span> }\n<\/span><\/span>}\n<\/span><\/span><\/code><\/pre>\nVoil\u00e0, avec cette m\u00e9thode, le serveur MCP tourne sur votre machine ce qui vous offre un peu plus de contr\u00f4le. Et une fois que c\u2019est en place, vous utilisez Context7 en ajoutant simplement \u201cuse context7\u201d dans vos prompts. Par exemple : \u201cCr\u00e9ez un middleware Next.js qui v\u00e9rifie un JWT valide dans les cookies et redirige les utilisateurs non authentifi\u00e9s vers \/login. Utilisez context7<\/strong><\/em>\u201d.<\/p>\n L\u2019IA va alors interroger le serveur MCP Context7, r\u00e9cup\u00e9rer la doc officielle Next.js \u00e0 jour, et g\u00e9n\u00e9rer du code qui marche vraiment. Et la liste des libs support\u00e9es grandit r\u00e9guli\u00e8rement : Next.js, React, Vue, Svelte, Tailwind, TypeScript, et des dizaines d\u2019autres\u2026<\/p>\n Voil\u00e0, \u00e7a prend 3 minutes \u00e0 installer, \u00e7a sauve des heures de debug d\u00e9bile sur des APIs qui n\u2019existent plus, et c\u2019est gratuit pour un usage perso !<\/p>\n Et dans six mois vous aurez oubli\u00e9 que c\u2019est install\u00e9 et vous vous demanderez comment vous faisiez avant\u2026<\/p>\n Merci \u00e0 itchrisdeb pour l\u2019info !<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":" Sc\u00e8ne du crime, mardi matin, vous demandez \u00e0 Claude Code de vous g\u00e9n\u00e9rer un middleware Next.js qui v\u00e9rifiera un JWT dans les cookies. Et l\u2019IA vous pond sans sourciller 15 lignes de code bien propres, bien comment\u00e9es\u2026 Elle est parfaitement confiante et vous \u00e7a vous rassure. Vous copiez son \u0153uvre, vous collez. Et l\u00e0, PAF, une erreur de compilation !! H\u00e9 oui, la fonction qu\u2019elle a utilis\u00e9e n\u2019existe plus depuis Next.js 14. En gros, Claude Code a hallucin\u00e9 tranquillement avec de la vieille doc pourrie de 2020. Et dire qu\u2019on a pass\u00e9 20 ans \u00e0 se foutre de la gueule des devs qui copient-collent du code depuis de vieux posts Stack Overflow alors qu\u2019aujourd\u2019hui, on copie colle sans r\u00e9fl\u00e9chir ce que nous donne une IA qui fait exactement pareil ! C\u2019est \u00e7a le progr\u00e8s les amis ! H\u00e9 bien Context7 vient r\u00e9gler exactement ce probl\u00e8me ! Il s\u2019agit d\u2019un serveur MCP (Model Context Protocol) d\u00e9velopp\u00e9 par Upstash qui branche votre assistant de code sur la documentation officielle \u00e0 jour, comme \u00e7a vous esquivez les fonctions d\u00e9pr\u00e9ci\u00e9es, les API fant\u00f4mes, et les best practices d\u2019il y a trois ans. Context7 est donc compatible avec Cursor, Claude Code, Windsurf, VS Code, Zed, Gemini CLI, et tous les \u00e9diteurs qui supportent le protocole MCP (donc \u00e0 peu pr\u00e8s tout ce qui existe\u2026) et une fois que c\u2019est en place, y\u2019a plus qu\u2019\u00e0 l\u2019oublier. Si vous h\u00e9sitez, y\u2019a une d\u00e9mo ici pour tester . Mais avant de commencer, sachez que vous aurez besoin de Node.js 18+ pour la m\u00e9thode locale. Et pour la m\u00e9thode serveur distant, juste un navigateur et votre \u00e9diteur de code. La m\u00e9thode serveur distant consiste \u00e0 aller sur context7.com , \u00e0 vous cr\u00e9er un compte gratuit, \u00e0 r\u00e9cup\u00e9rer une cl\u00e9 API, puis \u00e0 ajouter cette config dans votre \u00e9diteur comme ceci : { “mcpServers”: { “context7”: { “url”: “https:\/\/mcp.context7.com\/mcp”, “headers”: { “CONTEXT7_API_KEY”: “votre_cle_api_ici” } } } } Pour Cursor, ouvrez les settings (Cmd+,), cherchez \u201cMCP Servers\u201d, et collez \u00e7a dans la config JSON. Pour Claude Code, c\u2019est dans .claude\/settings.json \u00e0 la racine de votre projet. Sauvegardez, red\u00e9marrez l\u2019\u00e9diteur, et c\u2019est bon. Et deuxi\u00e8me m\u00e9thode d\u2019install, c\u2019est en local via npx. Apr\u00e8s c\u2019est la m\u00eame cl\u00e9 API mais la config est l\u00e9g\u00e8rement diff\u00e9rente : { “mcpServers”: { “context7”: { “command”: “npx”, “args”: [“-y”, “@upstash\/context7-mcp”, “–api-key”, “votre_cle_api_ici”] } } } Voil\u00e0, avec cette m\u00e9thode, le serveur MCP tourne sur votre machine ce qui vous offre un peu plus de contr\u00f4le. Et une fois que c\u2019est en place, vous utilisez Context7 en ajoutant simplement \u201cuse context7\u201d dans vos prompts. Par exemple : \u201cCr\u00e9ez un middleware Next.js qui v\u00e9rifie un JWT valide dans les cookies et redirige les utilisateurs non authentifi\u00e9s vers \/login. Utilisez context7\u201d. L\u2019IA va alors interroger le serveur MCP Context7, r\u00e9cup\u00e9rer la doc officielle Next.js \u00e0 jour, et g\u00e9n\u00e9rer du code qui marche vraiment. Et la liste des libs support\u00e9es grandit r\u00e9guli\u00e8rement : Next.js, React, Vue, Svelte, Tailwind, TypeScript, et des dizaines d\u2019autres\u2026 Voil\u00e0, \u00e7a prend 3 minutes \u00e0 installer, \u00e7a sauve des heures de debug d\u00e9bile sur des APIs qui n\u2019existent plus, et c\u2019est gratuit pour un usage perso ! Et dans six mois vous aurez oubli\u00e9 que c\u2019est install\u00e9 et vous vous demanderez comment vous faisiez avant\u2026 Merci \u00e0 itchrisdeb pour l\u2019info !<\/p>\n","protected":false},"author":1,"featured_media":1738,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-1737","page","type-page","status-publish","has-post-thumbnail","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages\/1737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/comments?post=1737"}],"version-history":[{"count":0,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages\/1737\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/media\/1738"}],"wp:attachment":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/media?parent=1737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}