Troubleshooting
Build Fails in Vercel
Common causes and solutions:
-
Missing Environment Variables
- Symptom: Build fails with "undefined" errors
- Solution: Add missing variables in Vercel dashboard
-
TypeScript Errors
- Symptom: Type checking fails
- Solution: Fix TypeScript errors locally, verify with
yarn build
-
Dependency Issues
- Symptom: Module not found errors
- Solution: Ensure
yarn.lockis committed, runyarn installlocally
-
Build Timeout
- Symptom: Build exceeds time limit
- Solution: Optimize bundle size, check for large dependencies
-
Image Domain Not Allowed
- Symptom: Image optimization errors
- Solution: Add domain to
next.config.mjsremotePatterns
Deployment Fails After Successful Build
- Check Vercel logs for runtime errors
- Verify environment variables are set correctly
- Test API routes are accessible
- Check external service connections (Supabase, Directus, Redis)
Rollback Deployment
If a deployment causes issues:
- Go to Vercel Dashboard → Deployments
- Find the previous working deployment
- Click "..." → "Promote to Production"