Deploy Your First Website for Free — Step-by-Step Guide

You've built a website using AI. Now what? You need to put it on the internet so anyone can access it. The good news: it's completely free. No credit card, no server setup, no DevOps knowledge needed. Here are 4 platforms that give you free hosting — and how to use each one.

Platform Comparison

Platform	Best For	Free Tier	Custom Domain
GitHub Pages	Portfolios, simple sites	Unlimited	Yes (free)
Netlify	Static sites, forms	100 GB/month	Yes (free)
Vercel	React/Next.js apps	100 GB/month	Yes (free)
Firebase Hosting	Full-stack apps	10 GB/month	Yes (free)

Option 1: GitHub Pages (Simplest)

Best for beginners. If you have a GitHub account, you're 3 steps away from a live website.

Steps:

1. Create a new repository on GitHub (e.g., my-website)
2. Upload your HTML, CSS, and JS files to the repository
3. Go to Settings → Pages → Source → main branch
4. Your site is live at https://yourusername.github.io/my-website

# Or use Git from terminal:
git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/you/my-website.git
git push -u origin main

# Then enable Pages in repo Settings

Pros: Free forever, simple, version controlled
Cons: Static sites only (no server-side code)

Option 2: Netlify (Drag & Drop)

The fastest path from files to a live URL. Literally drag and drop.

Steps:

1. Go to netlify.com and sign up (free)
2. Click "Add new site → Deploy manually"
3. Drag your project folder onto the page
4. Done — your site is live with a random URL like happy-cat-123.netlify.app
5. Rename it to something meaningful in Site settings

Pros: Drag & drop, free SSL, form handling, instant rollbacks
Cons: Free tier has bandwidth limits (100 GB — more than enough for most sites)

Option 3: Vercel (Best for React/Next.js)

If you're building React, Next.js, or any modern JavaScript framework app, Vercel is the best choice.

Steps:

1. Push your code to GitHub
2. Go to vercel.com and sign up
3. Click "Import Project" and select your GitHub repo
4. Vercel auto-detects the framework and deploys
5. Every git push automatically redeploys your site

Pros: Auto-deploys on git push, preview URLs for branches, edge functions
Cons: Serverless functions limited on free tier

Option 4: Firebase Hosting (Full-Stack)

Best when you need a database, authentication, or cloud functions alongside your website. This is what we use for the DigiCByte Workshop site.

Steps:

1. Install Firebase CLI: npm install -g firebase-tools
2. Login: firebase login
3. Initialize: firebase init hosting
4. Put your files in the public/ folder
5. Deploy: firebase deploy --only hosting

# Quick Firebase deployment
npm install -g firebase-tools
firebase login
firebase init hosting
# Select your project, set public directory to "public"
firebase deploy --only hosting
# Your site is live at https://your-project.web.app

Pros: Free database (Firestore), authentication, cloud functions, CDN
Cons: Slightly more setup than Netlify

Connecting a Custom Domain

All 4 platforms support custom domains for free. The process is similar:

1. Buy a domain from Namecheap, GoDaddy, or Google Domains (₹500–₹1,000/year)
2. In your hosting platform, go to Domain settings
3. Add your custom domain
4. Update your domain's DNS records (A record or CNAME) as instructed
5. Wait 5–30 minutes for propagation
6. Free SSL certificate is auto-generated

Which One Should You Pick?

• Just getting started? → Netlify (drag and drop)
• Portfolio or simple site? → GitHub Pages
• React/Next.js app? → Vercel
• Need database + backend? → Firebase Hosting
• Client project? → Netlify or Vercel (easiest for clients to manage)

"In our workshop, we deploy a live website in under 5 minutes using Firebase Hosting. The moment participants see their app live on the internet with a real URL — that's when it clicks."
— Manikanta Chekka, Workshop Trainer

Deploy Live in Our Workshop

In the Vibe Coding Masterclass, you'll build a complete full-stack application and deploy it live — in 3 hours. Not a tutorial. Not a recording. You code along with the trainer in real time and walk out with a live, deployed project.