Netlify Integration
Deploy your Vite React applications to Netlify via OAuth. Build and deploy static sites with automatic CDN distribution.
Revlo uses Netlify OAuth to securely connect to your Netlify account and deploy Vite React projects as static sites.
How to Connect
- Navigate to
/integrationsin your Revlo dashboard - Find the Netlify integration card and click Configure
- You'll be redirected to Netlify to authorize Revlo
- Review the requested permissions and click Authorize
- You'll be redirected back to Revlo with Netlify connected successfully
Revlo uses OAuth, so you don't need to create any Netlify tokens or apps. Just click and authorize!
Prerequisites
Netlify builds directly from GitHub repositories. You must connect:
- Revlo's GitHub integration to push your project to a repository
- Netlify's GitHub connection to allow Netlify to access your repository
Set up the GitHub integration first to push your code to a repository.
Netlify needs access to your GitHub account:
- Go to Netlify → User Settings → Connected accounts
- Click Connect next to GitHub and authorize
- Install the Netlify GitHub App and grant access to your repository
Features
One-Click Deployment
Deploy Vite React applications with a single click. Netlify automatically detects build settings.
Automatic Builds
Netlify builds your project from GitHub and deploys to their global CDN with HTTPS.
Repository Sync
Optionally sync your workspace files to GitHub before linking to ensure latest code is deployed.
Environment Variables
Automatically configures Supabase environment variables if enabled in your project.
How to Use
- Push code to GitHubUse the Push to GitHub feature to create a repository with your workspace files.
- Connect GitHub to Netlify
- Go to Netlify → User Settings → Connected accounts
- Connect GitHub if not already connected
- Install and configure the Netlify GitHub App for your repository
- Click "Netlify Deploy"Find the button in your Vite project workspace.
- Link repository (recommended)
- Create a new Netlify site
- Click Open linking wizard in the Netlify dashboard
- Select GitHub as the provider and choose your repository
- Return to Revlo - it will auto-detect the link and trigger deployment
- Monitor deploymentRevlo provides the live URL once deployment succeeds. You can also view build logs in the Netlify dashboard.
Deployment Options
- Create a Netlify site
- Use the Netlify UI to link your GitHub repository
- Revlo auto-detects the link and triggers deploy
- Most reliable method, works with all token types
- Check GitHub App installation status
- Option to link via API (if GitHub token supports it)
- Sync repository before deploying
- Custom build settings
Troubleshooting
If Netlify can't access your repository:
- Connect GitHub to Netlify:
- Netlify → User Settings → Connected accounts → GitHub
- Install Netlify GitHub App:
- GitHub → Settings → Applications → Installed GitHub Apps
- Find Netlify and click Configure
- Grant access to the repository
This error means Netlify is trying to clone via SSH instead of HTTPS:
- Delete the Netlify site and create a new one
- Use the Basic setup flow and link via the Netlify UI
- Ensure the Netlify GitHub App is installed and has access to the repository
- The app automatically uses HTTPS, avoiding SSH issues
If the Netlify build fails:
- Check build logs in the Netlify dashboard
- Verify
package.jsonhas correct dependencies - Common issue: missing dependencies - run
npm installlocally to verify - Enable "Sync repo before deploy" to ensure latest code is pushed
If OAuth authorization fails:
- Try using a different browser or clearing your cookies
- Make sure you're logged into the correct Netlify account
- Try disconnecting and reconnecting the integration from the Integrations page