How Hosting Billing Works

Understand the differences between consumption-based and fixed-plan pricing

Two Billing Philosophies

Hosting providers use fundamentally different approaches to pricing. Understanding these differences helps you choose the right provider for your project and predict your monthly costs accurately.

Consumption-Based Billing

How it works: You pay for exactly what you use, measured in fine-grained units (GB-hours, API requests, bandwidth). Your pricing tier is determined automatically by your credit consumption. As usage increases, your costs scale proportionally and your tier changes.

Best for: Projects with unpredictable or variable usage, startups experimenting with different workloads, and developers who want minimal commitment.

Provider: Netlify

Fixed-Plan Billing

How it works: You choose a pricing plan upfront (e.g., Hobby or Pro). Each plan includes specific resource allowances. If you exceed those limits, you pay overage charges per unit. Your tier remains fixed until you manually upgrade.

Best for: Projects with predictable usage patterns, teams wanting budget predictability, and applications that benefit from consistent resource guarantees.

Providers: Vercel, Render


Netlify: Credit-Based Consumption

Netlify measures usage in credits. Different features consume credits at different rates. Your monthly cost is determined by which tier your total credits fall into.

Credit Consumption Rates

Metric Unit Credits per Unit
AI Inference $1 USD spent 180
Compute GB-hour 5
Web Requests 10,000 requests 3
Bandwidth GB 10
Form Submissions submission 1
Production Deploys deploy 15

Pricing Tiers

Tier Credit Range Monthly Cost Description
Free 0 - 300 $0 Always free tier included
Personal 301 - 1,000 $9 1,000 credits per month
Pro 1,001 - 3,000 $20 3,000 credits per month
Extra (Pay-as-you-go) 3,000+ $20 base + $10 per 1,500 credits Additional credit packs beyond Pro

Key insight: Because your tier is determined by actual usage, moving between tiers is automatic. This is why the calculator shows dynamic tier changes as you adjust usage - you're seeing your real pricing impact in real-time.


Vercel: Fixed Plans with Overages

Vercel offers fixed pricing plans where you choose Hobby or Pro. Each plan includes specific allowances; going over triggers per-unit overage charges.

Plans and Included Resources

Plan Monthly Cost Bandwidth Compute (Functions) Edge Requests
Hobby Free ($0) 100 GB/mo 400 MB-hours/mo 1M/mo
Pro $20 1,024 GB/mo 40 GB-hours/mo 10M/mo

Overage Rates

Feature Overage Rate
Bandwidth $0.15 per GB
Edge Requests $2 per million
Function Invocations $0.60 per million
ISR Operations $0.04 per 10,000
Image Optimization $5 per 1,000 requests
Storage (KV/DB) $0.023 per GB per month

Key insight: Vercel's pricing remains static at either $0 (Hobby) or $20 (Pro) until you exceed your plan's limits. You only pay more if you use more than your plan includes - providing cost predictability but potentially higher costs if you heavily overage.


Render: Starter Plan with Usage Billing

Render offers a free tier and a Starter plan ($7/mo) with included bandwidth. Additional usage beyond your plan's limits is billed at overage rates.

Plans and Included Resources

Plan Monthly Cost Bandwidth Included
Free $0 None (overage charges apply)
Starter $7 100 GB/mo

Overage Rates

Feature Overage Rate
Bandwidth $15 per 100 GB
Compute $0.0695 per hour
Private Link Traffic $5 per 100 GB

Key insight: Render's approach is similar to Vercel - fixed plans with overages. The Starter tier is more affordable than Vercel Pro ($7 vs $20) but has lower included bandwidth (100 GB vs 1,024 GB).


Comparison Summary

Aspect Netlify Vercel Render
Billing Model Consumption-based credits Fixed plans + overages Fixed plans + overages
Pricing Predictability Variable (tier based on usage) Fixed until overages Fixed until overages
Best For Variable workloads, startups Predictable usage, feature-rich apps Budget-conscious, simple deployments
Cost Floor $0 $0 (Hobby) $0
Cost Ceiling Unlimited (pay per credit pack) Unlimited (overages apply) Unlimited (overages apply)
Tier Changes Automatic based on credits Manual (you choose plan) Manual (you choose plan)

Why This Matters for the Calculator

The calculator shows dynamic tier transitions when using Netlify because your pricing tier is automatically determined by your credit consumption. As you increase usage, you accumulate more credits and move between Free → Personal → Pro → Extra tiers.

For Vercel and Render, your monthly cost stays fixed at the Hobby/Free or Pro/Starter tier you choose, with overages billed separately. That's why those providers feel "static" in cost comparisons - you don't automatically move to a higher plan; you stay on your chosen tier and pay extra for usage above your plan's limits.

Next Steps

Now that you understand the billing models, use the calculator to estimate costs under different usage scenarios. Try the preset templates to see how different project types affect your monthly bill across all three providers.