vibedream.ai logo
vibedream.ai

Deployment Guide

Connect GitHub to VibeDream, push your code, and deploy to production in minutes

Step 1: Connect GitHub to VibeDream
Use VibeDream's built-in GitHub integration to sync your code

Recommended: Use VibeDream's GitHub Integration

  1. Open your project in the VibeDream workspace
  2. Click the "Connect GitHub" button in the top toolbar
  3. Authorize VibeDream to access your GitHub account
  4. Your code will be automatically synced to a GitHub repository
  5. Review and manage your code directly through VibeDream's editor

Benefit: Push changes directly from VibeDream and keep your code in sync with GitHub automatically!

Alternative: Manual Export

You can also manually export files using the file explorer in the workspace if you prefer.

Step 2: Review & Edit Code
Use VibeDream's built-in editor to review and refine your code

Once connected to GitHub, you can:

  • Browse your project files in the code panel
  • Edit files directly in VibeDream's code editor
  • Preview changes in real-time
  • Push updates to GitHub with a single click
  • View your commit history

VibeDream automatically syncs your changes to GitHub, keeping your repository up-to-date!

Step 3: Deploy to Vercel
Deploy your Next.js application with zero configuration
  1. Go to vercel.com/new
  2. Sign in with your GitHub account
  3. Select your repository from the list
  4. Vercel will auto-detect Next.js settings
  5. Click "Deploy" and wait for the build to complete

Your app will be live at: your-project.vercel.app

Need environment variables?

Add them in Vercel's project settings under "Environment Variables" before deploying.

Alternative: Deploy to Railway
Another great option for deploying full-stack applications
  1. Go to railway.app/new
  2. Sign in with GitHub
  3. Click "Deploy from GitHub repo"
  4. Select your repository
  5. Railway will auto-detect and deploy your app

Your app will be live at: your-project.up.railway.app

Custom domains

Both Vercel and Railway support custom domains. Add yours in the project settings after deployment.

Need Help?

If you encounter any issues during deployment, our team is here to help.

Contact Support