Frontend cloud platform
## Vercel MCP Server: Frontend Cloud Platform The **Vercel MCP Server** integrates Vercel into Google Antigravity, enabling frontend deployment with edge functions, preview deployments, and analytics directly from your development environment. ### Why Vercel MCP? - **Next.js Native**: Optimal Next.js deployment platform - **Edge Functions**: Serverless at 100+ edge locations - **Preview Deploys**: Automatic preview for every push - **Analytics**: Real user monitoring built-in - **ISR**: Incremental static regeneration ### Key Features #### 1. Deployment ```python # Deploy project deployment = await mcp.deploy( project="my-app", files={"index.html": "<html>...</html>"}, target="production" ) print(f"URL: {deployment['url']}") # List deployments deployments = await mcp.list_deployments(project="my-app") for d in deployments: print(f"Deploy: {d['uid']} - {d['state']} - {d['url']}") ``` #### 2. Project Management ```python # Create project project = await mcp.create_project( name="my-app", framework="nextjs", git_repository={ "type": "github", "repo": "org/repo" } ) # Update project await mcp.update_project( project_id=project["id"], settings={ "buildCommand": "npm run build", "outputDirectory": ".next", "nodeVersion": "18.x" } ) ``` #### 3. Environment Variables ```python # Set env vars await mcp.set_env_vars( project_id="prj_123", env_vars=[ {"key": "DATABASE_URL", "value": "postgres://...", "target": ["production"]}, {"key": "API_KEY", "value": "dev-key", "target": ["preview", "development"]} ] ) # Get env vars vars = await mcp.get_env_vars(project_id="prj_123") ``` #### 4. Domain Management ```python # Add domain domain = await mcp.add_domain( project_id="prj_123", domain="myapp.com" ) # List domains domains = await mcp.list_domains(project_id="prj_123") for d in domains: print(f"Domain: {d['name']} - Verified: {d['verified']}") ``` ### Configuration ```json { "mcpServers": { "vercel": { "command": "npx", "args": ["-y", "@anthropic/mcp-vercel"], "env": { "VERCEL_TOKEN": "your-api-token" } } } } ``` ### Use Cases **Next.js Apps**: Optimal deployment for Next.js. **Static Sites**: Deploy static sites globally. **Edge Functions**: API routes at the edge. **Preview Environments**: Review changes before production. The Vercel MCP enables frontend deployment within your development environment.
{
"mcpServers": {
"vercel": {
"mcpServers": {
"vercel": {
"env": {
"VERCEL_TOKEN": "your-vercel-token"
},
"args": [
"-y",
"vercel-mcp-server"
],
"command": "npx"
}
}
}
}
}