Deploy to Vercel

This guide walks you through deploying your Eden Stack web application to Vercel.

Prerequisites

• A Vercel account
• Your project pushed to GitHub
• Environment variables ready

Step 1: Import Your Project

1. Go to vercel.com/new
2. Select "Import Git Repository"
3. Choose your Eden Stack repository
4. Select the apps/web directory as the root

Step 2: Configure Build Settings

Vercel should auto-detect the settings, but verify:

Step 3: Add Environment Variables

Add your production environment variables:

VITE_API_URL=https://your-api.fly.dev
BETTER_AUTH_URL=https://your-app.vercel.app

Step 4: Deploy

Click "Deploy" and wait for the build to complete. Your app will be live at your-app.vercel.app!

Custom Domain

1. Go to your project settings
2. Click "Domains"
3. Add your custom domain
4. Update DNS records as instructed

Automatic Deployments

Vercel automatically deploys:

• Production: Every push to main
• Preview: Every pull request

Troubleshooting

Build Fails

Check that all environment variables are set. Vite requires VITE_ prefix for client-side variables.

API Calls Fail

Ensure your API is deployed and VITE_API_URL points to it. Check CORS settings in your API.