How to Host a Website for Free in 2026 — GitHub Pages vs Netlify vs Vercel

🐙 GitHub Pages Recommended for students

Free static hosting directly from a GitHub repository. Bonus: every recruiter checks your GitHub — hosting your portfolio there puts your code and your site in one place.

Steps to deploy:

1. Create a GitHub account and a new repository named yourusername.github.io (this exact name gives you the root URL).
2. Push your website files (index.html must be at the repo root):

git init
git add .
git commit -m "My portfolio website"
git branch -M main
git remote add origin https://github.com/yourusername/yourusername.github.io.git
git push -u origin main

3. Go to repo Settings → Pages → Source: Deploy from a branch → select main.
4. Wait ~1 minute. Your site is live at https://yourusername.github.io 🎉

Limitations: static files only — no PHP, no databases, no server code.

🟢 Netlify Zero Git required

The famous "drag and drop" deploy — you can put a site online in under 60 seconds without knowing Git.

Steps to deploy (drag-and-drop):

1. Sign up free at netlify.com (use your GitHub account).
2. Go to the Sites tab → drag your project folder onto the drop zone.
3. Done. You get a URL like random-name-12345.netlify.app — rename it in Site settings.

Steps for auto-deploy from GitHub (better): "Add new site → Import an existing project → GitHub → pick repo." Every git push now redeploys automatically.

Extras on the free tier: form handling (contact forms without a backend!), redirects, deploy previews.

▲ Vercel

Made by the creators of Next.js. If your project is React, Vite, or Next.js, Vercel detects your framework and configures the build automatically.

Steps to deploy:

1. Push your React project to GitHub.
2. Sign up at vercel.com with GitHub → Add New → Project → import your repo.
3. Vercel auto-detects the framework (e.g., Vite → npm run build, output dist). Click Deploy.
4. Live in ~40 seconds at your-project.vercel.app. Every push to main auto-deploys; every PR gets its own preview URL.

🔧 Render

The other three host static files (plus serverless functions). Render runs a real server — your Express app, APIs, WebSockets — free.

Steps to deploy a Node/Express app:

1. Ensure your app reads the port from the environment:

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => console.log(`Server running on ${PORT}`));

2. Push to GitHub → sign up at render.com → New → Web Service → connect the repo.
3. Build command: npm install · Start command: node index.js → Create.

Free tier catch: the service sleeps after 15 minutes of inactivity — the first request after sleep takes ~30 seconds. Fine for portfolio demos; mention it in your README.