Overview
Netlify is a popular platform for deploying static sites, serverless functions, and full-stack applications. Connect your Netlify account to deploy directly from VibeHub.Prerequisites
Before connecting:- A Netlify account (free tier works)
- Owner access to your VibeHub project
Connecting Your Netlify Account
1
Open VibeHub Settings
Click your profile icon and go to Settings
2
Find Connected Platforms
Scroll to the Connected Platforms section
3
Click Connect for Netlify
Click the Connect button next to Netlify
4
Authorize in Netlify
You’ll be redirected to Netlify. Log in and authorize VibeHub to access your account.
5
Return to VibeHub
After authorization, you’ll be redirected back. Netlify is now connected!
Configuring a Project for Netlify
After connecting your account, configure each project:1
Open Project Settings
Go to your project and click the Settings tab
2
Find Deployment Section
Scroll to the Deployment section
3
Select Netlify
Choose Netlify as your deployment platform
4
Choose a Site
Select an existing Netlify site or create a new one
5
Save Configuration
Click Save to store your deployment settings
Creating a New Netlify Site
If you don’t have an existing site:- In the site selection, click Create New Site
- Enter a name for your site (will be
your-name.netlify.app) - Click Create
- The new site is automatically selected
Deploying to Netlify
Once configured, deploying is simple:- Go to your project dashboard
- Click the Deploy button
- Watch the deployment progress
- Click the URL to view your live site
Deployment Settings
| Setting | Description |
|---|---|
| Site | Which Netlify site to deploy to |
| Build Command | Command to run before deploy (e.g., npm run build) |
| Publish Directory | Folder containing built files (e.g., dist, build) |
If your project needs a build step, make sure to configure the build command and publish directory in your Netlify site settings.
Viewing Deployment Status
After deploying, you’ll see:- Status - Building, Deploying, Ready, or Failed
- URL - Link to your deployed site
- Deploy Time - When the deployment completed
Troubleshooting
Authorization Failed
If the OAuth flow fails:- Make sure you’re logged into Netlify
- Clear your browser cookies
- Try connecting again
Deployment Failed
If a deployment fails:- Check the Netlify dashboard for error logs
- Verify your build command is correct
- Ensure all dependencies are installed
- Check that the publish directory exists
Site Not Appearing
If your Netlify sites don’t show up:- Verify Netlify is connected in Settings
- Check that you have sites in your Netlify account
- Try disconnecting and reconnecting Netlify
Disconnecting Netlify
To disconnect your Netlify account:- Go to VibeHub Settings
- Find Connected Platforms
- Click Disconnect next to Netlify