How to install Supabase Nextjs MCP Server in VS Code
To install Supabase Nextjs MCP Server in VS Code, click "Add to VS Code" on this page or add the "supabase-nextjs-mcp-server" block under "servers" in .vscode/mcp.json, then pick it in Copilot Chat agent mode.
Built from the published package · server updated 11 months ago
- 1
One click (fastest)
Click the button to open VS Code with this server ready to install.
Add Supabase Nextjs MCP Server to VS Code - 2
Or add it by hand
Create .vscode/mcp.json and paste this. Note that VS Code uses "servers", not "mcpServers".
{ "servers": { "supabase-nextjs-mcp-server": { "command": "npx", "args": [ "-y", "@iflow-mcp/supabase-nextjs-mcp-server" ] } } } - 3
Start it in Copilot Chat
Open Copilot Chat in Agent mode and pick the server from the tools menu.
Config file: .vscode/mcp.json in your workspace
MCP servers run with your permissions. If Supabase Nextjs MCP Server needs an API key, add it under env in the config. Check its README.
Install Supabase Nextjs MCP Server in another app
Similar servers
MCP server for interacting with the Supabase platform
Built-in MCP server for ArcadeDB multi-model database (graph, document, vector, time-series)
MCP Toolbox for Databases enables your agent to connect to your database.
Questions
Does Supabase Nextjs MCP Server work in VS Code?
Yes. VS Code supports local and remote mcp servers in copilot agent mode, and Supabase Nextjs MCP Server installs with the steps above.
Supabase Nextjs MCP Server does not show up in VS Code. What now?
Restart VS Code fully, check the JSON is valid, and make sure Node.js (for npx) is installed. See common MCP errors and fixes.
Is Supabase Nextjs MCP Server safe?
It scores 30 of 100. Review the code before you install it, and only give it the access it needs. Grades and details.