🎯 What You'll Learn
How to take your HTML/CSS/JS birthday project and put it live on the internet for free — so you can share a real URL with your loved one!
---
Option 1: GitHub Pages (Recommended)
Step-by-step:
- 1. Create a GitHub account at github.com
-
2.
Click New Repository → name it
birthday-surprise
- 3. Upload your files (index.html, style.css, script.js)
- 4. Go to Settings → Pages
- 5. Under "Source", select main branch → Save
- 6. Wait 1-2 minutes — your site is live at:
https://yourusername.github.io/birthday-surprise/
-
7.
Personalize the URL: Add
?name=TheirNameto the end!
> Pro tip: Use a custom domain by adding a CNAME record to make it birthday.yourdomain.com
---
Option 2: Netlify (Drag & Drop)
- 1. Go to netlify.com → Sign up free
- 2. On the dashboard, drag your project folder into the browser
-
3.
Netlify auto-deploys and gives you a URL like
random-name.netlify.app
- 4. Click Site settings → Change site name to customize the URL
---
Option 3: Vercel
- 1. Go to vercel.com → Sign up with GitHub
- 2. Click Add New → Project → Import from GitHub
- 3. Select your birthday repo → Deploy
-
4.
Live at
your-project.vercel.app
---
Which One Should You Choose?
| Feature | GitHub Pages | Netlify | Vercel |
|---|---|---|---|
| Difficulty | Easy | Easiest | Easy |
| Custom Domain | ✅ | ✅ | ✅ |
| HTTPS | ✅ Auto | ✅ Auto | ✅ Auto |
| Speed | Good | Great | Great |
| Best For | Simple sites | Drag & drop | GitHub integration |
---
🔗 Now Build Something!
G
About the Author: gs_admin
A senior technical contributor specializing in architectural designs, software optimization, database structures, and developer education. Passionate about writing clean code and sharing engineering knowledge.