diff --git a/adminforth/documentation/blog/2025-10-21-context7-setup/image_1.png b/adminforth/documentation/blog/2025-10-21-context7-setup/image_1.png new file mode 100644 index 00000000..a04de104 Binary files /dev/null and b/adminforth/documentation/blog/2025-10-21-context7-setup/image_1.png differ diff --git a/adminforth/documentation/blog/2025-10-21-context7-setup/image_2.png b/adminforth/documentation/blog/2025-10-21-context7-setup/image_2.png new file mode 100644 index 00000000..61b56eea Binary files /dev/null and b/adminforth/documentation/blog/2025-10-21-context7-setup/image_2.png differ diff --git a/adminforth/documentation/blog/2025-10-21-context7-setup/image_3.png b/adminforth/documentation/blog/2025-10-21-context7-setup/image_3.png new file mode 100644 index 00000000..f31f1aae Binary files /dev/null and b/adminforth/documentation/blog/2025-10-21-context7-setup/image_3.png differ diff --git a/adminforth/documentation/blog/2025-10-21-context7-setup/image_4.png b/adminforth/documentation/blog/2025-10-21-context7-setup/image_4.png new file mode 100644 index 00000000..77fab14d Binary files /dev/null and b/adminforth/documentation/blog/2025-10-21-context7-setup/image_4.png differ diff --git a/adminforth/documentation/blog/2025-10-21-context7-setup/image_5.png b/adminforth/documentation/blog/2025-10-21-context7-setup/image_5.png new file mode 100644 index 00000000..b5aab567 Binary files /dev/null and b/adminforth/documentation/blog/2025-10-21-context7-setup/image_5.png differ diff --git a/adminforth/documentation/blog/2025-10-21-context7-setup/image_6.png b/adminforth/documentation/blog/2025-10-21-context7-setup/image_6.png new file mode 100644 index 00000000..5b6d8e9e Binary files /dev/null and b/adminforth/documentation/blog/2025-10-21-context7-setup/image_6.png differ diff --git a/adminforth/documentation/blog/2025-10-21-context7-setup/image_7.png b/adminforth/documentation/blog/2025-10-21-context7-setup/image_7.png new file mode 100644 index 00000000..547e6936 Binary files /dev/null and b/adminforth/documentation/blog/2025-10-21-context7-setup/image_7.png differ diff --git a/adminforth/documentation/blog/2025-10-21-context7-setup/index.md b/adminforth/documentation/blog/2025-10-21-context7-setup/index.md new file mode 100644 index 00000000..7952a178 --- /dev/null +++ b/adminforth/documentation/blog/2025-10-21-context7-setup/index.md @@ -0,0 +1,60 @@ +--- +slug: context7-setup-vscode +title: "How to set up Context7 MCP in Visual Studio Code" +authors: ypechorkin +tags: [context7, MCP] +description: "Context7 MCP installation guide" +--- + +This guide shows how you can set up Context7 MCP in your Visual Studio Code IDE (VS Code) + + +### Preparation + +First of all, you'll need to update VS Code to version 1.105.1 or higher. To check your version, go to `Help -> About`. + +If you used a `.deb` file to install VS Code, just run these commands in the terminal to install updates: +```bash +sudo apt update +sudo apt install code +``` + +Before opening VS Code, we need to get the Context7 API key. For this, go to https://context7.com/dashboard, create a new account, and copy the API key. + +### Setup + +Now we can proceed with the setup: +1) After opening VS Code, go to the extensions tab, where you'll see the new `MCP SERVERS` tab. Click on `Enable MCP Servers Marketplace`. +![](image_1.png) + +2) Find Context7 in the list and press `Install`: +![](image_2.png) + +3) Go to `Show Configuration JSON`: +![](image_3.png) + +4) Click `Edit`: +![](image_4.png) + +5) Insert your API key: +![](image_5.png) + +The installation is complete. You can now use it. + +### Example: Installation of the Bulk-ai-flow Plugin + +Here is an example prompt you can use to add the adminforth bulk-ai-flow plugin: + +**Prompt:** +`Add adminforth bulk-ai-flow plugin to this file using only Context7 MCP` + +**Generated Code:** +![](image_6.png) + +**Result:** +![](image_7.png) + +As we can see, the generation works really well. + +### Tips +If you don’t want to add `use context7` to every prompt, you can [define a simple rule in your MCP client's rule section](https://github.com/upstash/context7?tab=readme-ov-file#-tips). diff --git a/adminforth/documentation/blog/authors.yml b/adminforth/documentation/blog/authors.yml index d1850df9..0dcbac0b 100644 --- a/adminforth/documentation/blog/authors.yml +++ b/adminforth/documentation/blog/authors.yml @@ -12,4 +12,9 @@ vkulyk: name: Vitalii Kulyk title: Developer of AdminForth url: https://github.com/SerVitasik - image_url: https://avatars.githubusercontent.com/u/87546293?v=4 \ No newline at end of file + image_url: https://avatars.githubusercontent.com/u/87546293?v=4 +ypechorkin: + name: Yaroslav Pechorkin + title: Developer of AdminForth + url: https://github.com/yaroslav8765 + image_url: https://avatars.githubusercontent.com/u/189334989?v=4 \ No newline at end of file