The Complete Free Hosting Recipe: AllBengal on Vercel + Render + Supabase
A complete step-by-step guide to deploy AllBengal for free using three amazing services.
Why This Stack?
- Vercel: Specializes in hosting frontends. Free, fast, global CDN.
- Render: Specializes in backend APIs. Free tier includes free database migration.
- Supabase: PostgreSQL database. Free tier has enough for thousands of users.
Total cost: $0 (unless you want a custom domain, then $10/year)
Part 1: Database Setup (Supabase)
1.1 Create Supabase Project
- Go to supabase.com
- Click "Sign Up"
- Use GitHub login (easiest)
- Click "New project"
- Choose a name:
allbengal - Choose region nearest to you
- Create a password for postgres user
- Click "Create new project" (takes 2-3 minutes)
1.2 Get Your Database URL
- In Supabase dashboard, go to "Settings" → "Database"
- Look for "Connection string"
- Copy the URL that looks like:
postgresql://postgres:[PASSWORD]@[HOST]:5432/postgres?sslmode=require - Replace
[PASSWORD]with the password you created - Save this somewhere safe (you'll need it later)
1.3 Create Database Tables
Use Supabase SQL editor:
- In Supabase dashboard, click "SQL Editor"
- Click "New query"
- Paste your SQL schema (if you have one)
- Click "Run"
Part 2: Backend Deployment (Render)
2.1 Create Render Web Service
- Go to render.com
- Click "Sign Up"
- Use GitHub login
- Click "New +" → "Web Service"
- Click "Build and deploy from a Git repository"
- Click "Connect account" (authorize GitHub)
- Select your repository
- Click "Connect"
2.2 Configure Web Service
Fill in the form:
2.3 Add Environment Variables
Before clicking "Create Web Service", scroll to "Environment" and add:
2.4 Deploy
- Click "Create Web Service"
- Wait 5-10 minutes
- You'll see build logs (should say "Build successful")
- Note the Service URL like
https://allbengal-backend.onrender.com - Save this URL — you'll need it for the frontend
Part 3: Frontend Deployment (Vercel)
3.1 Create Vercel Project
- Go to vercel.com
- Click "Sign Up"
- Use GitHub login
- Click "Add new..." → "Project"
- Select your repository
- Click "Import"
3.2 Configure Project
3.3 Add Environment Variables
Scroll to "Environment Variables" and add:
3.4 Deploy
- Click "Deploy"
- Wait 2-5 minutes
- You'll see build logs (should say "Deployment successful")
- Note the Preview URL like
https://allbengal-frontend.vercel.app - That's your website! Visit it now.
Part 4: Connect Everything
4.1 Update Render Env Variable
- Go back to Render dashboard
- Select your web service
- Go to "Settings" → "Environment"
- Find
GOOGLE_REDIRECT_URI - Update to:
https://allbengal-frontend.vercel.app/login/callback/google - Click "Save"
- Render auto-redeploys (~2 minutes)
4.2 Test the Flow
- Visit your frontend: https://allbengal-frontend.vercel.app
- Click "Sign in with Google"
- Should redirect to Google, then back to your site
- You're logged in!
Try writing a post — everything should work!
Success!
You've deployed AllBengal for FREE:
- ✅ Database on Supabase
- ✅ Backend on Render
- ✅ Frontend on Vercel
- ✅ Everything connected and working
Your blog is now live to the world!
Start writing amazing content. You've got a production-quality platform that didn't cost you a single penny.
What will you write about?
