Build a production-capable stack on GitHub, Vercel, and Cloudflare free tiers.
⬡ What you'll build
Most beginners think free tiers are watered-down trial versions. For infrastructure, that's wrong. The free tiers of GitHub, Vercel, and Cloudflare are genuinely production-capable for early-stage businesses — they're not demos, they're the actual product with usage limits.
This lesson maps what each free tier actually gives you, what breaks when, and how to build a complete infrastructure architecture that costs nothing in hosting until you're generating revenue.
A complete web business needs three infrastructure layers:
The free stack covers all three:
| Layer | Tool | Free Tier Limit |
|---|---|---|
| Code storage | GitHub Free | Unlimited repos, 2,000 CI minutes/month |
| Deployment | Vercel Hobby | 100GB bandwidth, unlimited deployments |
| DNS + CDN | Cloudflare Free | Unlimited bandwidth, global CDN |
Each of these is a legitimate production tool used by funded startups. "Free" here doesn't mean "for learning" — it means the company is betting that once you scale, you'll pay.
For a one-person business: you will not exceed 2,000 CI minutes per month unless you're running very heavy automated testing on every commit. A typical Next.js build takes 2–4 minutes of Actions time. At 20 deployments per month, that's 40–80 minutes — well inside the limit.
Create one GitHub account. Use it for everything. Do not create separate accounts for separate projects — use repositories within one account.
Vercel Hobby is the most generous free tier in web infrastructure. It includes:
git push triggers a deployFor a Next.js app or content site: 100GB bandwidth is approximately:
A content site generating $120/month in AdSense typically needs around 50,000–100,000 monthly visits. That's 5–20GB bandwidth — you're nowhere near the limit.
1. Serverless function execution time (10 second limit)
If you're building an API that calls an AI model and waits for the response, you can hit 10 seconds. Solutions:
2. 100GB bandwidth
At approximately 500,000+ monthly page views, you'll exceed this. At that traffic level, you have revenue to justify Vercel Pro (~$20/month). Don't pre-optimize for this.
3. Team collaboration
Vercel Hobby is for one person. For team deployments, Vercel Pro is required. Not relevant at launch.
4. Build cache
Hobby builds have less caching than Pro builds, meaning slightly slower build times. Irrelevant for most projects.
Cloudflare's free tier handles DNS and CDN:
For a Vercel-hosted site: Cloudflare is optional but beneficial. Here's the architecture:
Visitor → Cloudflare DNS → Vercel Edge Network → Your App
Vercel already has its own CDN. Adding Cloudflare in front adds another caching layer and gives you Cloudflare's DDoS protection. For most early-stage sites, this is not necessary — Vercel's infrastructure alone handles it.
Use Cloudflare if:
Skip Cloudflare initially if:
Domain (Namecheap or Hostinger)
→ Cloudflare DNS (optional but recommended)
→ Hostinger LiteSpeed server
→ WordPress
Use this when:
Cost: ~$6/month hosting + $1/month amortized domain = ~$7/month
Domain (Namecheap)
→ Vercel DNS / custom domain
→ Vercel Edge Network
→ Next.js App
Use this when:
Cost: $0 hosting + $1/month amortized domain = ~$1/month
cname.vercel-dns.com)After DNS propagates, Vercel auto-provisions an SSL certificate. Your site is now:
After initial setup, your workflow for every change is:
Edit code locally
→ git commit -m "what you changed"
→ git push
→ Vercel auto-deploys (2–4 minutes)
→ Changes live on your domain
Every push to your main branch triggers a production deployment. Every push to any other branch creates a preview URL at your-project-branch.vercel.app.
This means you can test changes before they go live without any additional infrastructure.
Free tiers are production-capable with specific constraints. To set accurate expectations:
What free infrastructure handles:
What requires paid infrastructure:
None of those constraints apply to a business in its first 6–12 months.
⚠The 'production' confusion
Many beginners assume that because something is free, it's not production-grade. This is wrong. The free tiers of GitHub, Vercel, and Cloudflare are what most small-to-medium businesses run on for years. "Production-grade" means reliable, secure, scalable enough for your current load — not expensive. A $600/month server is not more production-grade than Vercel Hobby if your traffic doesn't require it.
ℹWhen to upgrade
Upgrade Vercel from Hobby to Pro (~$20/month) when: you're hitting bandwidth limits consistently, you need functions longer than 10 seconds, or you need team collaboration features. Do not upgrade before you hit actual limits. The Vercel dashboard shows your usage clearly — you'll see it coming.
Buying hosting before deciding on the architecture. Pick your path (WordPress or Next.js) before spending money. They have different cost profiles and different capability tradeoffs.
Using GitHub Desktop instead of learning basic git commands. You only need five commands: git init, git add ., git commit -m "", git push, git pull. Learn these before reaching for a GUI tool.
Not setting up a custom domain immediately. Your site should live at your domain from day one. Never publish content on a Vercel .vercel.app subdomain or Hostinger's default domain — search engines count content at the subdomain as the primary location, and migrating later means losing whatever ranking you've built.
Connecting the wrong repository to Vercel. If you have multiple GitHub repos, double-check that you're deploying the right one. This is a wasted-hour mistake that happens more than it should.
Implementation Checkpoint