Overview
Once you’ve connected a deployment platform and configured your project, deploying is just one click away.Prerequisites
Before deploying, ensure:- You’ve connected a platform (Netlify or Vercel)
- Your project is configured with a deployment target
- You have owner access to the project
Triggering a Deployment
1
Open Your Project
Navigate to the project you want to deploy
2
Click Deploy
Find and click the Deploy button
3
Monitor Progress
Watch the deployment status as it progresses through stages
4
View Your Site
Once complete, click the deployment URL to see your live site
Deployment Stages
A typical deployment goes through these stages:| Stage | Description |
|---|---|
| Queued | Deployment is waiting to start |
| Building | Running build commands (if configured) |
| Deploying | Uploading files to the platform |
| Ready | Deployment complete and live |
Build times vary based on your project size and complexity. Most deployments complete within a few minutes.
Deployment Success
When a deployment succeeds, you’ll see:- Green status indicator
- Live URL to your deployed site
- Timestamp of completion
Deployment Failure
If a deployment fails:- Check the error message in VibeHub
- Review build logs in your platform dashboard (Netlify/Vercel)
- Common issues:
- Missing dependencies
- Build command errors
- Invalid configuration
Debugging Failed Deployments
Build Command Failed
Build Command Failed
Verify your build command is correct. Check that all dependencies are in package.json and the build works locally.
Missing Files
Missing Files
Ensure all required files are committed. Check .gitignore isn’t excluding necessary files.
Environment Variables
Environment Variables
Some builds need environment variables. Configure these in your platform’s dashboard.
Timeout
Timeout
Very large builds may timeout. Consider optimizing your build process or splitting into smaller chunks.
Deployment History
VibeHub tracks all your deployments:| Field | Description |
|---|---|
| Status | Success, failed, or in progress |
| Platform | Netlify or Vercel |
| URL | Link to the deployed version |
| Commit | Which commit was deployed |
| Timestamp | When it was deployed |
Viewing History
To see past deployments:- Open your project
- Look for the deployment history section
- Click any deployment to see details
Deploying Specific Commits
Currently, VibeHub deploys the latest code on your selected branch. For deploying specific commits:- Switch to the branch containing the commit
- Deploy from that branch
Redeploying
To redeploy the same code:- Click Deploy again
- A new deployment will start
- Retrying after a transient failure
- Rebuilding with new environment variables
- Testing platform changes
Best Practices
Test Locally First
Test Locally First
Run your build command locally before deploying to catch errors early.
Use Preview Deployments
Use Preview Deployments
Deploy feature branches to preview before merging to main.
Monitor Deploys
Monitor Deploys
Keep an eye on deployment times. Increasing times may indicate build issues.
Check Platform Logs
Check Platform Logs
For detailed error information, always check your Netlify/Vercel dashboard.
Deployment vs CI/CD
VibeHub deployment is manual and on-demand. For automatic deployments on every push, configure:- Netlify: Connect your repo directly in Netlify settings
- Vercel: Connect your repo directly in Vercel settings
- Quick manual deploys
- Deploying specific branches
- Testing before setting up full CI/CD