- Not Available: Vercel doesn't support WebSocket servers in serverless functions
- Workaround: The app automatically detects Vercel and disables WebSocket features
- Alternative: Use the HTTP MCP Client for full functionality
- SQLite: May not work reliably in serverless environment
- Recommendation: Consider using Vercel Postgres or external database for production
Set these in your Vercel dashboard:
JWT_SECRET=your-super-secret-jwt-key-here
NODE_ENV=production
The app has been configured with Vercel-compatible scripts:
npm run dev- Standard Next.js developmentnpm run dev:full- Full local development with WebSocketnpm run build- Vercel-compatible buildnpm run start- Vercel-compatible start
The vercel.json file is configured for:
- Next.js deployment
- API route optimization
- Environment variable handling
-
Connect to Vercel:
npx vercel
-
Set Environment Variables:
- Go to Vercel Dashboard → Project → Settings → Environment Variables
- Add
JWT_SECRETwith a secure random string
-
Deploy:
npx vercel --prod
- Issue: WebSocket server won't work on Vercel
- Solution: App automatically detects Vercel and shows warning
- User Experience: HTTP MCP Client provides full functionality
- Issue: SQLite files may not persist between deployments
- Solution: Consider external database for production use
- Issue: Limited file system access in serverless
- Solution: File operations are restricted to safe paths
- Database: Use Vercel Postgres or external database
- Authentication: Consider OAuth providers for production
- File Storage: Use external storage services
- Monitoring: Add error tracking and analytics
| Feature | Local Development | Vercel Deployment |
|---|---|---|
| HTTP MCP Client | ✅ Full | ✅ Full |
| WebSocket Client | ✅ Full | ❌ Disabled |
| Authentication | ✅ Full | ✅ Full |
| Database Operations | ✅ Full | |
| File Operations | ✅ Full | |
| Tool Execution | ✅ Full | ✅ Full |
| Resource Access | ✅ Full | ✅ Full |
- Check that all dependencies are in
dependenciesnotdevDependencies - Ensure TypeScript compilation passes
- Verify environment variables are set
- Check Vercel function logs
- Verify database connections
- Test API routes individually
- Monitor function execution time
- Consider caching strategies
- Optimize database queries