Skip to content

Commit 46d749c

Browse files
CopilotRyanKim17920
andcommitted
Add comprehensive Vercel + Render deployment guide
Co-authored-by: RyanKim17920 <136863723+RyanKim17920@users.noreply.github.com>
1 parent a997597 commit 46d749c

4 files changed

Lines changed: 787 additions & 36 deletions

File tree

DEPLOYMENT_SUMMARY.md

Lines changed: 35 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,11 @@ This repository now has **complete, production-ready deployment configurations**
2727
- Points to the comprehensive guide
2828
- Legacy document updated with new links
2929

30-
### 4. **Alternative Deployment Guides** (Optional)
30+
### 4. **Alternative Deployment Guides**
31+
- **[VERCEL_RENDER_DEPLOYMENT.md](docs/deployment/VERCEL_RENDER_DEPLOYMENT.md)****NEW** - Frontend on Vercel, Backend on Render
3132
- **[VERCEL_DEPLOYMENT.md](docs/deployment/VERCEL_DEPLOYMENT.md)** - Frontend on Vercel, Backend on Railway
3233
- **[FLY_DEPLOYMENT.md](docs/deployment/FLY_DEPLOYMENT.md)** - Frontend on Vercel, Backend on Fly.io
33-
- These are alternatives if you prefer different platforms
34+
- Choose based on your domain location and scaling needs
3435

3536
---
3637

@@ -58,17 +59,31 @@ This repository now has **complete, production-ready deployment configurations**
5859

5960
---
6061

61-
## 🎯 Recommended Deployment Path
62+
## 🎯 Recommended Deployment Paths
6263

63-
### **Use Render** (Easiest and Most Integrated)
64+
### **Option 1: Vercel + Render****Best if domain on Vercel**
65+
66+
**Why this combo?**
67+
-**Vercel's CDN** (40+ edge locations, unlimited bandwidth)
68+
-**Render's Python support** (native uv, simple scaling)
69+
-**Keep domain on Vercel** (no DNS migration)
70+
-**Independent scaling** (frontend and backend separate)
71+
-**$0-7/month** total cost
72+
73+
**How to Deploy:**
74+
1. Read **[VERCEL_RENDER_DEPLOYMENT.md](docs/deployment/VERCEL_RENDER_DEPLOYMENT.md)** (20-25 minutes)
75+
2. Deploy backend to Render first
76+
3. Deploy frontend to Vercel with your domain
77+
4. Your app will be live!
78+
79+
### **Option 2: Both on Render** (Easiest Setup)
6480

6581
**Why Render?**
6682
-**One platform** for both frontend and backend
6783
-**Automatic setup** using `render.yaml`
6884
-**Free tier** to start (backend sleeps after 15 min)
6985
-**$7/month** for always-on backend (production)
70-
-**Native Python/uv support** (no Docker needed)
71-
-**Git integration** (auto-deploys on push)
86+
-**Auto-linking** between services
7287

7388
**How to Deploy:**
7489
1. Read **[RENDER_COMPLETE_GUIDE.md](docs/deployment/RENDER_COMPLETE_GUIDE.md)** (15-20 minutes)
@@ -80,18 +95,20 @@ This repository now has **complete, production-ready deployment configurations**
8095

8196
## 📊 Quick Comparison of Platforms
8297

83-
| Feature | Render | Vercel + Railway | Vercel + Fly.io |
84-
|---------|--------|------------------|-----------------|
85-
| **Setup Complexity** | ⭐ Easy | ⭐⭐ Moderate | ⭐⭐⭐ Advanced |
86-
| **Platforms** | 1 (Render) | 2 (Vercel + Railway) | 2 (Vercel + Fly.io) |
87-
| **Cost (Free Tier)** | $0 | $5 credit/month | $0 |
88-
| **Cost (Production)** | $7/month | $5-20/month | $8/month |
89-
| **Backend Cold Starts** | Yes (free tier) | No | Minimal |
90-
| **Configuration Files** | `render.yaml` | `vercel.json`, `railway.toml` | `vercel.json`, `fly.toml`, `Dockerfile` |
91-
| **Deployment Method** | Git push (automatic) | Git push (automatic) | CLI or Git push |
92-
| **Best For** | Full-stack apps | Split frontend/backend | Global edge deployment |
93-
94-
**Recommendation**: **Use Render** for simplicity and integration.
98+
| Feature | Vercel + Render | Render (Both) | Vercel + Railway | Vercel + Fly.io |
99+
|---------|-----------------|---------------|------------------|-----------------|
100+
| **Setup Complexity** | ⭐⭐ Moderate | ⭐ Easy | ⭐⭐ Moderate | ⭐⭐⭐ Advanced |
101+
| **Platforms** | 2 | 1 | 2 | 2 |
102+
| **Frontend CDN** | ⭐ Best (Vercel) | Basic (Render) | ⭐ Best (Vercel) | ⭐ Best (Vercel) |
103+
| **Cost (Free)** | $0 | $0 | $5 credit/mo | $0 |
104+
| **Cost (Production)** | $7/month | $7/month | $5-20/month | $8/month |
105+
| **Backend Cold Starts** | Yes (free) | Yes (free) | No ($5 credit) | Minimal |
106+
| **Best For** | Domain on Vercel | Simplest setup | Always-on free | Global edge |
107+
108+
**Recommendations**:
109+
- **Vercel + Render** if domain is on Vercel
110+
- **Render (Both)** for simplest setup
111+
- **Vercel + Railway** if you need always-on on free tier
95112

96113
---
97114

README.md

Lines changed: 19 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -22,16 +22,27 @@ Visit `http://localhost:5173` for the frontend and `http://localhost:5000` for t
2222

2323
### Production Deployment
2424

25-
**🚀 Complete Deployment Guide**: [RENDER_COMPLETE_GUIDE.md](docs/deployment/RENDER_COMPLETE_GUIDE.md)
26-
27-
Deploy your own instance to **Render** in 15-20 minutes:
28-
- ✅ Free tier available (backend sleeps after 15 min)
29-
- ✅ $7/month for always-on production backend
30-
- ✅ Frontend always free
31-
- ✅ One-platform solution for frontend + backend
25+
**🚀 Deployment Options**:
26+
27+
**Option 1: Vercel + Render**[VERCEL_RENDER_DEPLOYMENT.md](docs/deployment/VERCEL_RENDER_DEPLOYMENT.md)
28+
- Best if your domain is on Vercel
29+
- Vercel's CDN (40+ edge locations, unlimited bandwidth)
30+
- Render's Python backend ($7/month always-on)
31+
- Setup: 20-25 minutes
32+
33+
**Option 2: Both on Render** [RENDER_COMPLETE_GUIDE.md](docs/deployment/RENDER_COMPLETE_GUIDE.md)
34+
- Simplest setup (one platform)
35+
- Auto-linking between services
36+
- Free tier or $7/month always-on
37+
- Setup: 15-20 minutes
38+
39+
**All deployments include:**
40+
- ✅ Free MongoDB Atlas database
41+
- ✅ GitHub OAuth authentication
42+
- ✅ HTTPS included
3243
- ✅ Automatic deployments from Git
3344

34-
**Quick overview**: See [DEPLOYMENT.md](docs/deployment/DEPLOYMENT.md)
45+
**Quick overview**: See [DEPLOYMENT.md](docs/deployment/DEPLOYMENT.md) or [START_HERE.md](START_HERE.md)
3546

3647
**Automated script**: Run the interactive deployment helper:
3748
```bash

START_HERE.md

Lines changed: 22 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -55,30 +55,41 @@ Print this for quick lookups during deployment:
5555

5656
## 🤔 Which Platform Should I Choose?
5757

58-
### Use Render (Recommended) ⭐
59-
**Best for:** Most users, full-stack apps, beginners
58+
### Use Vercel + Render ⭐ **NEW - Recommended if domain on Vercel**
59+
**Best for:** Users with domain on Vercel, want best CDN + Python backend
60+
61+
**Why?**
62+
- Vercel's best-in-class CDN (40+ edge locations, unlimited bandwidth)
63+
- Render's native Python/uv support
64+
- Keep domain management on Vercel
65+
- Clean separation: frontend scales independently
66+
67+
**Guide:** [docs/deployment/VERCEL_RENDER_DEPLOYMENT.md](./docs/deployment/VERCEL_RENDER_DEPLOYMENT.md)
68+
69+
### Use Render (Both Services)
70+
**Best for:** Beginners, simplest setup, one platform
6071

6172
**Why?**
6273
- One platform for both frontend and backend
6374
- Easiest setup (Blueprint deployment)
6475
- Free tier available
6576
- $7/month for production (always-on)
66-
- Native Python support
77+
- Auto-linking between services
6778

6879
**Guide:** [docs/deployment/RENDER_COMPLETE_GUIDE.md](./docs/deployment/RENDER_COMPLETE_GUIDE.md)
6980

7081
### Use Vercel + Railway
71-
**Best for:** Splitting frontend and backend, more control
82+
**Best for:** Want always-on backend on free tier
7283

7384
**Why?**
74-
- Vercel is optimized for frontend
75-
- Railway has better always-on free credits
85+
- Railway has $5/month free credits (no sleep)
86+
- Vercel frontend CDN
7687
- Good for scaling backend independently
7788

7889
**Guide:** [docs/deployment/VERCEL_DEPLOYMENT.md](./docs/deployment/VERCEL_DEPLOYMENT.md)
7990

8091
### Use Vercel + Fly.io
81-
**Best for:** Global edge deployment, Docker users
92+
**Best for:** Global edge deployment, Docker control
8293

8394
**Why?**
8495
- Fly.io runs on global edge network
@@ -93,9 +104,10 @@ Print this for quick lookups during deployment:
93104

94105
| Platform | Free Tier | Production | Best For |
95106
|----------|-----------|------------|----------|
96-
| **Render** | $0 (sleeps) | $7/month | Most users |
97-
| **Vercel + Railway** | $5 credit/mo | $5-20/month | Split architecture |
98-
| **Vercel + Fly.io** | $0 | $8/month | Global deployment |
107+
| **Vercel + Render** | $0 (sleeps) | $7/month | Domain on Vercel |
108+
| **Render (Both)** | $0 (sleeps) | $7/month | Simplest setup |
109+
| **Vercel + Railway** | $5 credit/mo | $5-20/month | Always-on free |
110+
| **Vercel + Fly.io** | $0 | $8/month | Global edge |
99111

100112
**All options include:**
101113
- Free MongoDB Atlas (512 MB)

0 commit comments

Comments
 (0)