Netlify Integration

    Netlify Integration

    Deploy your Vite React applications to Netlify via OAuth. Build and deploy static sites with automatic CDN distribution.

    Authentication MethodOAuth 2.0

    Revlo uses Netlify OAuth to securely connect to your Netlify account and deploy Vite React projects as static sites.

    How to Connect

    1. Navigate to /integrations in your Revlo dashboard
    2. Find the Netlify integration card and click Configure
    3. You'll be redirected to Netlify to authorize Revlo
    4. Review the requested permissions and click Authorize
    5. You'll be redirected back to Revlo with Netlify connected successfully
    No setup required

    Revlo uses OAuth, so you don't need to create any Netlify tokens or apps. Just click and authorize!

    Prerequisites

    GitHub Connection Required

    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
    1. Connect GitHub to Revlo

    Set up the GitHub integration first to push your code to a repository.

    2. Connect GitHub to Netlify

    Netlify needs access to your GitHub account:

    • Go to Netlify → User SettingsConnected 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

    1. Push code to GitHub
      Use the Push to GitHub feature to create a repository with your workspace files.
    2. 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
    3. Click "Netlify Deploy"
      Find the button in your Vite project workspace.
    4. 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
    5. Monitor deployment
      Revlo provides the live URL once deployment succeeds. You can also view build logs in the Netlify dashboard.

    Deployment Options

    Basic Setup (Recommended)
    • 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
    Advanced Settings
    • Check GitHub App installation status
    • Option to link via API (if GitHub token supports it)
    • Sync repository before deploying
    • Custom build settings

    Troubleshooting

    Repository access denied

    If Netlify can't access your repository:

    1. Connect GitHub to Netlify:
      • Netlify → User Settings → Connected accounts → GitHub
    2. Install Netlify GitHub App:
      • GitHub → Settings → Applications → Installed GitHub Apps
      • Find Netlify and click Configure
      • Grant access to the repository
    Host key verification failed

    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
    Build fails

    If the Netlify build fails:

    • Check build logs in the Netlify dashboard
    • Verify package.json has correct dependencies
    • Common issue: missing dependencies - run npm install locally to verify
    • Enable "Sync repo before deploy" to ensure latest code is pushed
    OAuth connection fails

    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
    Ready to deploy to Netlify?
    Connect your account and deploy Vite projects instantly.