By Sahidur Pub Feb 20

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.

The Complete Free Hosting Recipe: AllBengal on Vercel + Render + Supabase

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

  1. Go to supabase.com
  2. Click "Sign Up"
  3. Use GitHub login (easiest)
  4. Click "New project"
  5. Choose a name: allbengal
  6. Choose region nearest to you
  7. Create a password for postgres user
  8. Click "Create new project" (takes 2-3 minutes)

1.2 Get Your Database URL

  1. In Supabase dashboard, go to "Settings" → "Database"
  2. Look for "Connection string"
  3. Copy the URL that looks like: postgresql://postgres:[PASSWORD]@[HOST]:5432/postgres?sslmode=require
  4. Replace [PASSWORD] with the password you created
  5. Save this somewhere safe (you'll need it later)

1.3 Create Database Tables

Use Supabase SQL editor:

  1. In Supabase dashboard, click "SQL Editor"
  2. Click "New query"
  3. Paste your SQL schema (if you have one)
  4. Click "Run"

Part 2: Backend Deployment (Render)

2.1 Create Render Web Service

  1. Go to render.com
  2. Click "Sign Up"
  3. Use GitHub login
  4. Click "New +" → "Web Service"
  5. Click "Build and deploy from a Git repository"
  6. Click "Connect account" (authorize GitHub)
  7. Select your repository
  8. Click "Connect"

2.2 Configure Web Service

Fill in the form:

Field Value
Name allbengal-backend
Environment Python 3
Region Pick one near you (e.g., "Oregon")
Branch main
Root Directory backend ← Important!
Build Command pip install -r requirements.txt
Start Command uvicorn main:app --host 0.0.0.0 --port $PORT

2.3 Add Environment Variables

Before clicking "Create Web Service", scroll to "Environment" and add:

Key Value
ENVIRONMENT production
DEBUG false
JWT_SECRET_KEY Generate random 32-char string
SUPABASE_DATABASE_URL From Supabase step 1.2
GOOGLE_CLIENT_ID Get from Google Cloud Console
GOOGLE_CLIENT_SECRET Get from Google Cloud Console

2.4 Deploy

  1. Click "Create Web Service"
  2. Wait 5-10 minutes
  3. You'll see build logs (should say "Build successful")
  4. Note the Service URL like https://allbengal-backend.onrender.com
  5. Save this URL — you'll need it for the frontend

Part 3: Frontend Deployment (Vercel)

3.1 Create Vercel Project

  1. Go to vercel.com
  2. Click "Sign Up"
  3. Use GitHub login
  4. Click "Add new..." → "Project"
  5. Select your repository
  6. Click "Import"

3.2 Configure Project

Field Value
Project Name allbengal-frontend
Framework SvelteKit
Root Directory frontend ← Important!

3.3 Add Environment Variables

Scroll to "Environment Variables" and add:

Key Value
PUBLIC_API_BASE_URL https://allbengal-backend.onrender.com (from Render step 2.4)
PUBLIC_APP_NAME AllBengal

3.4 Deploy

  1. Click "Deploy"
  2. Wait 2-5 minutes
  3. You'll see build logs (should say "Deployment successful")
  4. Note the Preview URL like https://allbengal-frontend.vercel.app
  5. That's your website! Visit it now.

Part 4: Connect Everything

4.1 Update Render Env Variable

  1. Go back to Render dashboard
  2. Select your web service
  3. Go to "Settings" → "Environment"
  4. Find GOOGLE_REDIRECT_URI
  5. Update to: https://allbengal-frontend.vercel.app/login/callback/google
  6. Click "Save"
  7. Render auto-redeploys (~2 minutes)

4.2 Test the Flow

  1. Visit your frontend: https://allbengal-frontend.vercel.app
  2. Click "Sign in with Google"
  3. Should redirect to Google, then back to your site
  4. 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?

Analytics

Unique visitors

0

Visits

0

Reactions

0

💬 Comments (0)

No comments yet.

💌 Share Your Opinion With Us

📖 Read More Articles

Explore more articles and discover interesting stories from our blog.

View All Articles →