Adım 1: Render.com → "New +" → "Web Service"
Adım 2: GitHub repo'yu bağla
Adım 3: Ayarlar:
Name: daveapp-backend
Root Directory: server
Build Command: npm install
Start Command: npm start
Adım 4: Environment Variables ekle:
NODE_ENV=production
PORT=10000
ALLOWED_ORIGINS=http://localhost:5173
(İlk deploy için localhost, sonra Vercel URL'i ekleyeceğiz)
Adım 5: "Create Web Service" → Deploy tamamlanana kadar bekle
Adım 6: Backend URL'i kopyala (örnek: https://daveapp-backend-xyz.onrender.com)
Adım 1: Vercel.com → "Add New Project"
Adım 2: GitHub repo'yu import et
Adım 3: Ayarlar:
Framework Preset: Vite
Build Command: npm run build
Output Directory: dist
Root Directory: ./ (ana klasör)
Adım 4: Environment Variables ekle:
VITE_BACKEND_URL=https://daveapp-backend-xyz.onrender.com
(Render'dan kopyaladığın backend URL'i buraya yapıştır!)
Adım 5: "Deploy" → Tamamlanana kadar bekle
Adım 6: Frontend URL'i kopyala (örnek: https://daveapp-delta.vercel.app)
Render'a geri dön:
- Dashboard → daveapp-backend → Environment
ALLOWED_ORIGINSdeğişkenini bul- Frontend URL'ini ekle:
https://daveapp-delta.vercel.app - "Save Changes"
- Manuel Redeploy: Settings → Manual Deploy → "Deploy latest commit"
https://daveapp-delta.vercel.appadresini aç- Token/Sunucu/Ses bilgileri gir
- "Sistemi Başlat / Bağlan" butonuna bas
- Eğer backend bağlanamıyorsa tarayıcı Console'a bak (F12)
- Render backend servisi çalışıyor mu? (dashboard'dan kontrol et)
- Vercel'de
VITE_BACKEND_URLdoğru mu? - Render'da
ALLOWED_ORIGINSdoğru mu? - Tarayıcı Console'da CORS hatası var mı?
- Bu hata düzeltildi! Instant bağlanıyor artık.
- Eğer hala takılıyorsa backend çalışmıyor demektir.
- Render Free tier idle timeout'u var
- Health check endpoint var (
/health) ama bu sadece otomatik restart için - İlk istek 30 saniye gecikebilir (cold start)
- Render Free tier: 15 dakika idle sonrası sleep mode
- Vercel Free tier: Her push otomatik deploy
- Environment Variables değiştirdiysen: Hem Vercel hem Render'da redeploy gerekir
- CORS hatası:
ALLOWED_ORIGINSher iki URL'i de içermeli (frontend + localhost)