vercel-common-errors
Execute diagnose and fix Vercel common errors and exceptions. Use when encountering Vercel errors, debugging failed requests, or troubleshooting integration issues. Trigger with phrases like "vercel error", "fix vercel", "vercel not working", "debug vercel".
Install
mkdir -p .claude/skills/vercel-common-errors && curl -L -o skill.zip "https://mcp.directory/api/skills/download/5493" && unzip -o skill.zip -d .claude/skills/vercel-common-errors && rm skill.zipInstalls to .claude/skills/vercel-common-errors
About this skill
Vercel Common Errors
Overview
Diagnose and resolve the most common Vercel errors across three layers: build pipeline, serverless function runtime, and edge network. Each error includes the error code, root cause, and step-by-step fix.
Prerequisites
- Vercel CLI installed
- Access to deployment logs (
vercel logs <url>) - Access to Vercel dashboard for build logs
Instructions
Step 1: Identify the Error Layer
# Check deployment status and error details
vercel inspect <deployment-url>
# View function runtime logs
vercel logs <deployment-url> --follow
# View build logs via API
curl -s -H "Authorization: Bearer $VERCEL_TOKEN" \
"https://api.vercel.com/v13/deployments/dpl_xxx" | jq '.state, .errorMessage'
Three error layers:
- Build errors — appear during
vercel deploy, exit codes in build log - Runtime errors — appear when functions are invoked, visible in function logs
- Edge/routing errors — HTTP errors from Vercel's edge network
Step 2: Build Errors
BUILD_FAILED — Build command exited with non-zero code
Error: Command "npm run build" exited with 1
- Check:
vercel.json→buildCommandmatches your build script - Check: all dependencies listed in
package.json(not just devDependencies for runtime deps) - Fix: run
npm run buildlocally to reproduce
MISSING_BUILD_SCRIPT — No build command found
Error: Missing Build Command
- Fix: add
"build"topackage.jsonscripts or setbuildCommandin vercel.json - For static sites: set
buildCommandto empty string or"true"
FUNCTION_PAYLOAD_TOO_LARGE — Serverless function bundle > 250 MB
Error: The Serverless Function "api/heavy" is 267 MB which exceeds the maximum size of 250 MB
- Fix: add unused packages to
.vercelignore, use dynamic imports, split into smaller functions - Check:
@vercel/nfttrace output to see what is being bundled
Step 3: Runtime Errors
FUNCTION_INVOCATION_FAILED — Unhandled exception in function
# View the actual error
vercel logs <deployment-url> --output=short
- Common causes: undefined env var, missing database connection, unhandled promise rejection
- Fix: wrap handler in try/catch, verify all env vars are set for the target environment
FUNCTION_INVOCATION_TIMEOUT — Function exceeded max duration
Error: Task timed out after 10.00 seconds
- Hobby: 10s max, Pro: 60s default (up to 300s), Enterprise: 900s
- Fix: optimize database queries, add connection pooling, or move to background processing
- Configure in vercel.json:
{
"functions": {
"api/slow-endpoint.ts": {
"maxDuration": 60
}
}
}
NO_RESPONSE_FROM_FUNCTION — Function didn't return a response
- Cause: handler has a code path that doesn't call
res.send(),res.json(), or return a Response - Fix: ensure ALL code paths return a response, including error handlers
FUNCTION_THROTTLED — Too many concurrent function invocations
- Hobby: 10 concurrent, Pro: 1000 concurrent
- Fix: implement client-side retry with backoff, or upgrade plan
Step 4: Edge/Routing Errors
404 NOT_FOUND
- API route 404: verify file is in
api/orpages/api/directory - Page 404: check
outputDirectoryin vercel.json, verify build output contains the file - Fix: run
vercel inspect <url>to see the deployment file listing
504 GATEWAY_TIMEOUT
- Serverless function exceeded its timeout — same as FUNCTION_INVOCATION_TIMEOUT
- Fix: increase
maxDurationor optimize function
413 REQUEST_ENTITY_TOO_LARGE
- Request body exceeds 4.5 MB limit
- Fix: use chunked upload, stream the body, or use presigned URLs for large files
DEPLOYMENT_NOT_FOUND
- Deployment was deleted or URL is malformed
- Fix: verify the deployment still exists with
vercel ls
Step 5: Environment Variable Errors
ReferenceError: process is not defined (Edge Runtime)
- Cause: using
process.envin an edge function - Fix: Edge Functions can read env vars but only those defined at build time. Ensure vars are set.
Env var undefined in production but works in preview
- Cause: variable scoped to Preview only, not Production
- Fix: check scopes in Settings > Environment Variables, add Production target
# Check which environments have the variable
vercel env ls | grep DATABASE_URL
Quick Diagnosis Flowchart
Error occurred
├── During build? → Check build logs, run `npm run build` locally
├── During function invocation? → Check function logs with `vercel logs`
├── HTTP 404? → Verify file exists in deployment: `vercel inspect`
├── HTTP 500? → Unhandled exception in function code
├── HTTP 504? → Function timeout — increase maxDuration
└── HTTP 429? → Rate limited — implement retry with backoff
Output
- Error layer identified (build, runtime, or edge)
- Root cause diagnosed using logs and inspection
- Fix applied and verified via new deployment
- Prevention measures documented
Error Handling
| Error Code | HTTP | Layer | Quick Fix |
|---|---|---|---|
BUILD_FAILED | — | Build | Run build locally, check deps |
FUNCTION_INVOCATION_FAILED | 500 | Runtime | Check env vars, add try/catch |
FUNCTION_INVOCATION_TIMEOUT | 504 | Runtime | Increase maxDuration in vercel.json |
FUNCTION_THROTTLED | 429 | Runtime | Reduce concurrency or upgrade plan |
FUNCTION_PAYLOAD_TOO_LARGE | 413 | Build | Reduce bundle size |
NOT_FOUND | 404 | Edge | Verify file paths and routes |
EDGE_FUNCTION_INVOCATION_FAILED | 500 | Edge | Remove Node.js APIs from edge code |
NO_RESPONSE_FROM_FUNCTION | 502 | Runtime | Return response from all code paths |
Resources
Next Steps
For detailed debug bundles, see vercel-debug-bundle.
More by jeremylongshore
View all skills by jeremylongshore →You might also like
flutter-development
aj-geddes
Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.
drawio-diagrams-enhanced
jgtolentino
Create professional draw.io (diagrams.net) diagrams in XML format (.drawio files) with integrated PMP/PMBOK methodologies, extensive visual asset libraries, and industry-standard professional templates. Use this skill when users ask to create flowcharts, swimlane diagrams, cross-functional flowcharts, org charts, network diagrams, UML diagrams, BPMN, project management diagrams (WBS, Gantt, PERT, RACI), risk matrices, stakeholder maps, or any other visual diagram in draw.io format. This skill includes access to custom shape libraries for icons, clipart, and professional symbols.
ui-ux-pro-max
nextlevelbuilder
"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."
godot
bfollington
This skill should be used when working on Godot Engine projects. It provides specialized knowledge of Godot's file formats (.gd, .tscn, .tres), architecture patterns (component-based, signal-driven, resource-based), common pitfalls, validation tools, code templates, and CLI workflows. The `godot` command is available for running the game, validating scripts, importing resources, and exporting builds. Use this skill for tasks involving Godot game development, debugging scene/resource files, implementing game systems, or creating new Godot components.
nano-banana-pro
garg-aayush
Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API. Use when the user asks to generate, create, edit, modify, change, alter, or update images. Also use when user references an existing image file and asks to modify it in any way (e.g., "modify this image", "change the background", "replace X with Y"). Supports both text-to-image generation and image-to-image editing with configurable resolution (1K default, 2K, or 4K for high resolution). DO NOT read the image file first - use this skill directly with the --input-image parameter.
fastapi-templates
wshobson
Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error handling. Use when building new FastAPI applications or setting up backend API projects.
Related MCP Servers
Browse all serversConvert natural language queries into regex patterns and run Python regular expression search with Grep. Easily use pyth
Connect Blender to Claude AI for seamless 3D modeling. Use AI 3D model generator tools for faster, intuitive, interactiv
Terminal control, file system search, and diff-based file editing for Claude and other AI assistants. Execute shell comm
Securely join MySQL databases with Read MySQL for read-only query access and in-depth data analysis.
Supercharge your NextJS projects with AI-powered tools for diagnostics, upgrades, and docs. Accelerate development and b
AppleScript MCP server lets AI execute apple script on macOS, accessing Notes, Calendar, Contacts, Messages & Finder via
Stay ahead of the MCP ecosystem
Get weekly updates on new skills and servers.