Build a Portfolio Website Deploying Your Portfolio
16 / 16
Finish
Deploying Your Portfolio ~10min

Deploying Your Portfolio

Your portfolio should be live at a real URL, not just on your laptop. Here's how to get it online for free.

Option 1: GitHub Pages (free, static sites)

  1. Push your code to a GitHub repository
  2. Go to Settings → Pages → Source: main branch / root
  3. Your site is live at username.github.io/repo-name
  4. For a custom domain: add a CNAME file and configure DNS

Option 2: Netlify (free, supports forms)

  1. Drag and drop your folder at netlify.com
  2. Get a free netlify.app URL instantly
  3. Add a custom domain (optional)
  4. Netlify handles the SSL cert automatically

Option 3: Vercel (free)

  1. Connect your GitHub repo
  2. Auto-deploys on every git push
  3. Free custom domain support

Custom domain tips

yourname.dev     → clean, developer-focused
yourname.com     → most professional
yourname.io      → popular in tech

Pre-launch SEO checklist

  • Add <title> and <meta name="description">
  • Add Open Graph tags for social sharing previews
  • Compress images (use WebP format)
  • Test on mobile, most recruiters browse on phones
Tasks
Preview