Kembali ke Blog
23 Juli 2026 β€’ 14 menit baca β€’
ENG

Modern Cloud Hosting Guide: 9 PaaS Platforms Compared

#hosting#devops#serverless#cloud#infrastructure
Daftar Isi

Confused about choosing the best cloud hosting platform for your web, API, or backend project in 2026? A single miscalculation around free-tier limits, egress bandwidth, or cold start latency can unexpectedly crash your application (hard pause) or trigger expensive bill shocks (overage fees).

In this comprehensive guide, we break down 9 modern cloud hosting platformsβ€”Vercel, Netlify, Cloudflare Pages/Workers, Render, Railway, Koyeb, Firebase Hosting, Supabase, and GitHub Pagesβ€”covering technical architecture, real free-tier limits, and step-by-step deployment tutorials.


1. 3 Modern Cloud Hosting Paradigms

The modern cloud hosting ecosystem is divided into 3 primary categories based on application workload needs:

  1. Frontend & Serverless Edge Platforms: Optimized for static asset delivery, Server-Side Rendering (SSR), and Static Site Generation (SSG) across global CDN networks (Vercel, Netlify, Cloudflare Pages, GitHub Pages).
  2. Container PaaS & Micro-VM Backend: Built for persistent processes, microservices, APIs (Node.js, Python, Go, Laravel), and background workers using Docker (Render, Railway, Koyeb).
  3. Backend-as-a-Service (BaaS): Integrated infrastructure combining frontend hosting with managed databases, authentication, and file storage (Firebase Hosting, Supabase).

πŸ’‘ Core Insight: Transitioning from monolithic servers to edge isolates dramatically reduces Time to First Byte (TTFB), but requires careful tracking of egress bandwidth limits and database connection pooling to avoid unexpected scaling costs.


2. Frontend & Edge Hosting Deep-Dive

Vercel

Vercel is the primary standard for the Next.js framework. Its architecture combines a global CDN for static assets with AWS Lambda and V8 Isolate-based Fluid Compute.

  • Hobby Tier Allowances (Free):
    • Bandwidth (Egress): 100 GB per month.
    • Vercel Functions: 1,000,000 executions per month.
    • Active CPU Time: 4 hours.
    • Build Time: 600 minutes per month.
    • Execution Limit: Max 300 seconds (5 minutes) per request.
  • Pros & Limitations: Industry-leading zero-config integration for Next.js features (ISR, Server Actions, RSC) with ~70ms global TTFB. However, commercial usage is prohibited on the Hobby plan, and Pro plan egress overages are expensive ($40 per 100 GB).

Netlify

Netlify supports over 30 frontend frameworks (Astro, SvelteKit, Nuxt, React) powered by a multicloud CDN architecture.

  • Free Tier Allowances:
    • Operates on a 300 credits/month system.
    • 1 successful production deploy = 15 credits.
    • 1 GB bandwidth = 20 credits.
    • If all 300 credits are spent on bandwidth, total allowance equals ~15 GB per month.
  • Pros & Limitations: Commercial usage is allowed on the free tier, with built-in utilities like Netlify Forms. However, the ~15 GB bandwidth cap is restrictive, and exhausting monthly credits triggers a hard pause on all organization sites.

Cloudflare Pages & Workers

Cloudflare Pages harnesses Cloudflare’s global network spanning over 330 cities. Dynamic serverless logic runs via Cloudflare Workers utilizing lightweight V8 Isolates.

  • Free Plan Allocations: Provides unlimited bandwidth for static assets, 500 builds per month (1 concurrent build limit), up to 20,000 files per site, and a 25 MB max file size per asset. Cloudflare Workers includes 100,000 free daily requests with a 10ms CPU time limit per invocation.
  • Analysis & Trade-offs: Unlimited egress across all plans makes Cloudflare Pages the most cost-effective platform for media-heavy sites. Cold starts are lightning fast (~12ms) due to Isolate architecture. The platform seamlessly integrates with Cloudflare R2 (zero egress cost object storage), D1 (distributed SQL), and KV. However, the 10ms CPU limit on the free tier cannot handle heavy computation (like image manipulation or PDF generation), and V8 Isolates lack full compatibility with Node.js modules that depend on native C++ bindings.

GitHub Pages

GitHub Pages provides static site hosting directly integrated with GitHub repositories, built on Fastly CDN infrastructure and GitHub Actions.

  • Free Plan Allocations: Completely free for public repositories. Enforces a soft limit of 100 GB bandwidth per month, 1 GB max repository size, and 100 MB max single file size.
  • Analysis & Trade-offs: Workflow is effortless for developers using GitHub, with no expiring credits or surprise costs. However, it only supports static sites (HTML/CSS/JS) or Static Site Generators (Jekyll, Hugo, Vite), lacking built-in serverless function support or dynamic SSR.

Specification Comparison Table: Frontend & Edge Platforms

Evaluation ParameterVercel (Hobby)Netlify (Free)Cloudflare Pages (Free)GitHub Pages
Free Bandwidth Allocation100 GB / month~15 GB (~300 credits)Unlimited100 GB / month (Soft Limit)
Free Build Quota600 mins / month15 credits / production deploy500 builds / monthDepends on GitHub Actions (2,000 mins)
Serverless Execution Limit300 seconds10 seconds10ms CPU time / requestNot Available (Static Only)
Commercial Usage AllowedNoYesYesYes
Serverless Cold Start~1 sec~3+ secs~12msN/A
Average Global TTFB~70ms~90ms< 50ms~80ms
Bandwidth Overage Fee$40 / 100 GB (Pro)Suspended (Hard Stop)Free / No Overage FeeAdministrative Warning

3. Evaluation of Container PaaS and Micro-VM Hosting Platforms

Unlike serverless edge platforms, Container PaaS manages persistent application processes. Render uses a sleep policy (spinning down containers after 15 minutes of inactivity with 30-60 second cold starts). Railway charges per-second CPU/RAM consumption, meaning 24/7 running apps continuously drain credits even without traffic. Koyeb utilizes Micro-VMs with scale-to-zero capability.

Render

Render is designed as a modern Heroku alternative supporting web services, background workers, cron jobs, static sites, and PostgreSQL databases.

  • Free Tier Allocations: Free static site hosting (100 GB bandwidth). Web Services include 750 free compute hours per month (512 MB RAM, 0.1 vCPU). Free web containers sleep after 15 minutes of inactivity. Free PostgreSQL instances offer 256 MB storage but expire and are permanently deleted after 90 days.
  • Analysis & Trade-offs: No credit card required for sign-up. Supports custom Dockerfiles and native runtimes (Node.js, Python, Go, Ruby, Laravel). Predictable fixed tier pricing (starting at $7/month for Starter) makes budgeting simple. Downside: long wake-up times from sleep mode (30 to 60 seconds) and the 90-day deletion limit on free databases.

Railway

Railway takes a container-first PaaS approach with usage-based billing calculated per second for RAM, vCPU, storage, and egress.

  • Free / Trial Allocations: New users receive a one-time $5 Trial credit valid for 30 days (requires credit card). Subsequently, accounts transition to a $1/month credit tier. Free specifications are capped at 0.5 GB RAM, 1 vCPU, 1 project, and 3 services.
  • Analysis & Trade-offs: Superior Developer Experience (DX); code can be deployed from Git/Docker in under 2 minutes. Features one-click managed database deployments (PostgreSQL, MySQL, Redis, MongoDB). However, 24/7 active containers continuously consume balance (a 1 vCPU / 1 GB RAM container costs ~$30/month). Running out of credits triggers an immediate container shutdown.

Koyeb

Koyeb is a serverless PaaS powered by Micro-Virtual Machines (Micro-VMs) running on global multi-cloud infrastructure.

  • Free Tier Allocations: Offers 1 free Web Service in Frankfurt (EU) or Washington, D.C. (US) with 512 MB RAM, 0.1 vCPU, and 2.5 GB SSD storage. Includes 1 free PostgreSQL database (5 active hours, 1 GB storage limit) and 100 GB egress per month.
  • Analysis & Trade-offs: Micro-VM architecture provides hardware-level security isolation with container-like agility. Supports scale-to-zero and seamless upgrades to high-performance GPU instances (NVIDIA RTX 4000, L4, A100) for AI/ML workloads. Constraints include strict limits of 1 free instance per org and low vCPU allocation (0.1 vCPU).

Specification Comparison Table: Container PaaS

Evaluation ParameterRender (Free Tier)Railway (Trial / Free)Koyeb (Free Tier)
RAM & vCPU Allocation512 MB RAM / 0.1 vCPU0.5 GB RAM / 1 vCPU512 MB RAM / 0.1 vCPU
Sleep Policy ModelYes (Sleeps after 15 mins)No (Runs until credits run out)Supports Scale-to-Zero
Cold Start Wake-up Time30 - 60 secondsNo Cold Start (Always On)5 - 15 seconds
Free Database PersistenceDeleted after 90 daysConsumes account creditLimited to 5 active hours / 1 GB
Credit Card RequiredNoYes (Mandatory)No
Base Paid Plan Cost$7 / month / service$5 / month (Hobby)$29 / month + compute (Pro)

4. Evaluation of Backend-as-a-Service (BaaS) & Integrated Hosting

Firebase Hosting & Ecosystem

Firebase Hosting is part of Google Cloud’s Backend-as-a-Service ecosystem, providing static and dynamic web content delivery backed by global SSD CDNs.

  • Spark Plan (Free) Allocations: Includes 10 GB hosting storage and 360 MB data transfer per day (~10 GB/month). Firestore database provides 1 GB storage with daily limits of 50,000 reads, 20,000 writes, and 20.000 deletes. Firebase Auth is free up to 50,000 Monthly Active Users (MAU).
  • Analysis & Trade-offs: Directly integrated with Google Cloud Platform (GCP). Extremely reliable for mobile applications (Android/iOS) and Single Page Applications (SPAs). However, exceeding the daily 360 MB bandwidth cap temporarily disables the site until the next day. External API calls inside Cloud Functions require upgrading to the Blaze (pay-as-you-go) plan.

Supabase

Supabase is an open-source Firebase alternative built on top of managed PostgreSQL relational database engines.

  • Free Plan Allocations: Allows up to 2 active projects. Includes 500 MB Postgres database storage, 1 GB File Storage, 5 GB database egress, 5 GB cached egress, 50,000 Auth MAU, 500,000 Edge Function calls, and 200 concurrent Realtime connections. Inactive projects are auto-paused after 7 days of inactivity.
  • Analysis & Trade-offs: Delivers the full power of PostgreSQL, including Row Level Security (RLS), full-text search, and extensions like pgvector for AI applications without extra cost. The entire stack can be fully self-hosted. Limitations include the 7-day auto-pause policy on free projects and an immediate HTTP 402 error response (egress hard failure) if database egress exceeds 5 GB.

Specification Comparison Table: BaaS Platforms

Evaluation ParameterFirebase Hosting (Spark)Supabase (Free Tier)
Primary Database EngineNoSQL (Firestore / Realtime DB)Relational SQL (PostgreSQL)
Free Database Capacity1 GB Firestore / 1 GB Realtime DB500 MB Postgres Storage
Bandwidth / Egress Limit360 MB / day (~10 GB / month)5 GB Database / 5 GB Cached Egress
Free Auth Quota50,000 MAU50,000 MAU
Inactivity PolicySite disabled if daily quota exhaustedProject auto-pauses after 7 days of inactivity
Serverless ExecutionRequires Blaze plan for external APIs500,000 Edge Function calls / month
Base Upgrade CostPay-as-you-go (Blaze Plan)$25 / month / project (Pro Plan)

5. Implementation Guide and Deployment Tutorials

Vercel: Deploy Next.js App via CLI

Install Vercel CLI globally:

npm install -g vercel

Authenticate and link local project:

vercel login
vercel

Add production environment variables and deploy:

vercel env add DATABASE_URL production
vercel --prod

Netlify: Deploy Frontend Project via Netlify CLI

Install Netlify CLI and log in:

npm install -g netlify-cli
netlify login

Create a netlify.toml file in the project root:

[build]
  command = "npm run build"
  publish = "dist"

Deploy a preview draft, then publish to production:

netlify deploy
netlify deploy --prod

Cloudflare Pages: Deploy via Wrangler CLI

Install Wrangler CLI and authenticate:

npm install -g wrangler
wrangler login

Build local static assets and deploy:

npm run build
wrangler pages deploy ./dist --project-name=main-app

Manage secret environment variables:

wrangler pages secret put API_KEY

Render: Deploy Container App via Render Blueprint

Create a render.yaml manifest in your repository root:

services:
  - type: web
    name: backend-service
    env: docker
    plan: starter
    region: singapore
    buildCommand: docker build -t backend-service .
    startCommand: ./start.sh
    envVars:
      - key: PORT
        value: 8080

In Render Dashboard, navigate to New + -> Blueprint, connect your repository, and Render will automatically trigger builds and deployments.


Railway: Deploy Node.js / Docker App via Railway CLI

Install Railway CLI and connect your account:

npm install -g @railway/cli
railway login

Initialize project, attach PostgreSQL plugin, and set variables:

railway init
railway add -p postgresql
railway variables --set PORT=3000 NODE_ENV=production

Deploy application:

railway up

Koyeb: Deploy GitHub Container via Koyeb CLI

Log in using Koyeb CLI:

koyeb login

Create a web service directly from a GitHub repository:

koyeb service create web-app \
  --app koyeb-app \
  --git github.com/username/repository \
  --git-branch main \
  --git-builder buildpack \
  --ports 8080:http \
  --routes /:8080 \
  --env NODE_ENV=production

Stream live container execution logs:

koyeb service logs koyeb-app/web-app

Firebase Hosting: Deploy Website via Firebase Tools

Install firebase-tools and initialize hosting:

npm install -g firebase-tools
firebase login
firebase init hosting

Build local static assets and deploy:

npm run build
firebase deploy --only hosting

Supabase: Database Initialization & Edge Functions CLI

Install Supabase CLI as a dev dependency and link to cloud project:

npm install supabase --save-dev
npx supabase init
npx supabase link --project-ref your-project-ref

Push schema migrations and deploy Edge Functions:

npx supabase db push
npx supabase functions deploy function-name

GitHub Pages: Deploy via GitHub Actions Workflow

Create .github/workflows/deploy.yml in your repository:

name: Deploy to GitHub Pages

on:
  push:
    branches: [ main ]

permissions:
  contents: read
  pages: write
  id-token: write

jobs:
  deploy:
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    runs-on: ubuntu-latest
    steps:
      - name: Checkout Source Code
        uses: actions/checkout@v4

      - name: Setup Node.js Environment
        uses: actions/setup-node@v4
        with:
          node-version: 20

      - name: Install Dependencies & Build
        run: |
          npm ci
          npm run build

      - name: Setup Pages Assets
        uses: actions/configure-pages@v4

      - name: Upload Artifacts
        uses: actions/upload-pages-artifact@v3
        with:
          path: './dist'

      - name: Deploy to GitHub Pages Target
        id: deployment
        uses: actions/deploy-pages@v4

Go to repository Settings -> Pages, change Source to GitHub Actions, and push a commit to main.


6. Architectural Decision Matrix and Strategic Recommendations

The following decision matrix aligns application use cases with optimal hosting platforms based on technical and economic factors:

Application Use Case ScenarioPrimary PlatformAlternative PlatformCore Architectural Rationale
Portfolio / Static DocumentationGitHub PagesCloudflare PagesPermanently free, no credit expiry, fast setup via Git.
Modern Next.js / React App (SSR/ISR)VercelCloudflare PagesSeamless Next.js integration, low TTFB (~70ms), per-route rendering.
Multi-Framework Commercial SiteNetlifyCloudflare PagesCommercial usage permitted on free tier, built-in forms support.
Full-Stack Containerized BackendRenderKoyebProvides isolated container execution with predictable fixed tier pricing.
Prototype Testing / Hackathon ProjectsRailwayKoyebFastest deployment velocity (< 2 mins), one-click database setups.
Mobile App / NoSQL BaaSFirebase HostingSupabaseGoogle Cloud ecosystem integration, up to 50k MAU free auth.
SaaS MVP with PostgreSQL RequirementsSupabaseRender + Managed DBFull power of PostgreSQL, RLS, Auth, and pgvector in a single platform.
Media-Heavy High Traffic WebsitesCloudflare PagesGitHub PagesOffers unlimited bandwidth with zero surprise egress charges.

7. Conclusion

Choosing a modern cloud hosting platform requires critical evaluation of application architecture against potential traffic scale costs:

  1. Frontend & Static: Vercel and Netlify deliver unrivaled Developer Experience (DX) for modern web frameworks, but carry expensive egress overage fees once traffic outgrows basic allowances. Cloudflare Pages provides the highest cost efficiency for static assets due to its unlimited bandwidth policy.
  2. Backend & Containers: For containerized workloads and backend services, predictable PaaS pricing like Render’s Starter Plan ($7/month) protects teams from cost surprises compared to continuous per-second container billing on Railway.
  3. Database & BaaS: On the BaaS front, Supabase is the premier choice for relational data workloads requiring pgvector and RLS, while Firebase remains the go-to standard for NoSQL mobile ecosystems.

The optimal strategy for engineering teams is to launch prototypes on generous free tiers, actively monitor egress consumption and CPU runtime via dashboards, and architect applications to avoid strict vendor lock-in before scaling to production.

References & Cited Sources (44)