DigitalOcean Integration

    DigitalOcean App Platform

    Deploy your applications to DigitalOcean App Platform via OAuth. Build and deploy Next.js and Vite React projects directly from GitHub.

    Authentication MethodOAuth 2.0

    Revlo uses DigitalOcean OAuth to securely connect to your DigitalOcean account and deploy applications via the App Platform.

    How to Connect

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

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

    Prerequisites

    GitHub Connection Required

    DigitalOcean App Platform builds directly from GitHub repositories. You must connect both:

    • Revlo's GitHub integration to sync your project files
    • DigitalOcean's GitHub connection to allow App Platform to access your repository
    1. Connect GitHub to Revlo

    Set up the GitHub integration first to enable repository sync.

    2. Connect GitHub to DigitalOcean

    DigitalOcean needs separate access to your GitHub account:

    • Go to DigitalOcean → AppsSettingsSource Control
    • Click Connect GitHub and authorize
    • Ensure the DigitalOcean GitHub App is installed and has access to your repository

    Features

    Quick Deploy

    Deploy Next.js and Vite React applications with a single click. DigitalOcean automatically detects your framework and configures the build.

    Automatic Repository Sync

    Optionally sync your workspace files to GitHub before deploying, ensuring your latest code is deployed.

    Environment Variables

    Automatically configures environment variables for Supabase integration if enabled in your project.

    Live URL

    Get a live URL immediately after deployment. DigitalOcean provides a default domain with HTTPS.

    How to Use

    1. Ensure prerequisites are met
      • GitHub integration connected in Revlo
      • GitHub connected to DigitalOcean (Apps → Settings → Source Control)
      • Your repository exists and is accessible
    2. Click "Quick Deploy"
      Find the button in the workspace toolbar or actions menu.
    3. Configure deployment
      • Enter your GitHub repository URL (e.g., https://github.com/owner/repo)
      • Select the branch to deploy from (default: main)
      • Optionally choose an app name
      • Toggle "Sync repo before deploy" to push latest files first
    4. Deploy
      Revlo will create a DigitalOcean App and provide you with the live URL and dashboard link.

    Troubleshooting

    GitHub user not authenticated

    This is the most common error. It means DigitalOcean cannot access your GitHub repository.

    Solution:
    1. Connect GitHub to DigitalOcean (Method 1 - Via Apps Dashboard):
      • Go to DigitalOcean Dashboard → Apps tab
      • Click Create App button
      • Under "Source", select GitHub
      • Click Manage Access or Connect GitHub Account button
      • Authorize DigitalOcean on GitHub
    2. Connect GitHub to DigitalOcean (Method 2 - Via Settings):
      • Go to DigitalOcean Dashboard → AppsSettingsSource Control
      • Click Connect GitHub
      • Authorize DigitalOcean to access your GitHub account
    3. Grant repository access via GitHub:
      • Go to GitHub → SettingsApplications
      • Check Authorized OAuth Apps tab - DigitalOcean should be listed here
      • If not found, go to Installed GitHub Apps tab
      • Find DigitalOcean in the list
      • Click Configure
      • Under "Repository access", select your repository or grant access to all repositories
    4. Verify the correct GitHub account: Make sure the GitHub account connected to DigitalOcean owns (or has access to) the repository you're trying to deploy.
    App name already exists

    If you see this error:

    • Choose a different app name when deploying
    • Or delete the existing app from your DigitalOcean dashboard
    • App names must be unique across your DigitalOcean account
    Build fails with TypeScript errors

    Some templates run strict TypeScript checks during build:

    • Enable Sync repo before deploy — Revlo normalizes common issues like unused imports
    • Or manually fix TypeScript errors in your workspace before deploying
    • Common issues: unused imports in src/App.tsx, strict null checks
    OAuth connection fails

    If OAuth authorization fails:

    • Try using a different browser or clearing your cookies
    • Make sure you're logged into the correct DigitalOcean account
    • Try disconnecting and reconnecting the integration from the Integrations page
    Ready to deploy to DigitalOcean?
    Connect your account and start deploying in minutes.