Chapter 14.4☕ 14 min read

Deploy Angular to Vercel, Netlify, Firebase

Deploy se pehle check karo — ghar saaf karo mehmaan aane se pehle

01Pre-Deploy Checklist

Pre-Deploy Checklist

Run ng build --configuration production
Check bundle size: ng build --stats-json + bundlephobia.com
Remove console.logs (or use environment check)
Set correct API URLs for production
Run tests: ng test --watch=false

"Deploy se pehle check karo — ghar saaf karo mehmaan aane se pehle"

Common mistake: API still pointing to localhost!

02Deploy to Vercel

Deploy to Vercel (Recommended)

# Install Vercel CLI
npm i -g vercel

# Deploy
vercel

# Or connect GitHub repo → auto-deploy on push

Vercel config for Angular SSR (vercel.json):

{
  "builds": [{
    "src": "dist/project-name/server/server.mjs",
    "use": "@vercel/node"
  }],
  "routes": [{
    "src": "/(.*)",
    "dest": "dist/project-name/server/server.mjs"
  }]
}

"Vercel = easy deploy — GitHub connect karo, push karo, auto deploy"

Free tier: 100GB bandwidth, perfect for portfolio.

03Deploy to Netlify

Deploy to Netlify

# Build command in Netlify dashboard:
ng build --configuration production

# Publish directory:
dist/project-name/browser

For SSR: use @netlify/angular adapter.

Connect GitHub repo in Netlify dashboard → configure build command + publish directory → deploy.

"Netlify = Vercel ka competitor — similar process, slightly different config"

Free tier: 100GB bandwidth + 300 build minutes/month.

04Deploy to Firebase

Deploy to Firebase Hosting

# Install Firebase CLI
npm i -g firebase-tools

# Initialize hosting
firebase init hosting
# -> Select dist/project-name/browser

# Deploy
firebase deploy

Or use GitHub Actions for auto-deploy.

"Firebase = Google ka hosting — Angular ke saath natural pairing"

Good if you are already using Firebase for backend (Firestore, Auth, Functions).

05Comparison

Deployment Comparison

Feature	Vercel	Netlify	Firebase
Free Tier	100GB	100GB	10GB
SSR Support	Built-in	Adapter needed	Cloud Functions
Ease of Setup	Easy	Easy	Medium
Auto-Deploy	Git push	Git push	GitHub Actions
Preview Deploy	Per PR	Deploy previews	Manual

"Sab free mein start kar sakte ho — pick one based on your backend"

For Hyderabad portfolio: Vercel recommended (easiest, fastest SSR).

Key Takeaways

Always build with --configuration production before deploying
Vercel: easiest SSR deployment with auto-deploy on Git push
Netlify: easy for static, needs adapter for SSR
Firebase: great pairing with Firebase backend services
Use environment files to swap API URLs between dev and prod

Previous14.3 — PWA & Service Workers 📋 All Chapters Next Chapter15.1 — Biryani Shop App →