Lesson 18 of 18

🚀 Deploy to GitHub Pages!

🎯 Grades 9–12 ⏱ ~35 minutes 💚 Intermediate

What You'll Learn

  • Create a GitHub repository for your portfolio
  • Push your code using Git
  • Deploy a live public website for free on GitHub Pages

You Are About to Go Live!

GitHub Pages is a free hosting service from GitHub. It lets you publish any static website (HTML/CSS/JS) directly from a GitHub repository. No server needed. No credit card. Free forever. Let us get your portfolio live!

GitHub Pages deployment screen

Step 1 — Create a GitHub Account

Go to github.com and sign up for a free account. Your username will be part of your site URL (e.g., yourname.github.io), so choose wisely!

Step 2 — Create a Repository

  1. Click the + icon → New repository
  2. Name it: yourname.github.io (replace yourname with your actual GitHub username)
  3. Make it Public
  4. Click Create repository

Step 3 — Push Your Code

Shell
# In your project folder (terminal/command prompt):
git init
git add .
git commit -m 'Initial portfolio commit'
git branch -M main
git remote add origin https://github.com/YOURUSERNAME/YOURUSERNAME.github.io.git
git push -u origin main

Step 4 — Enable GitHub Pages

  1. Go to your repo on GitHub
  2. Click SettingsPages
  3. Under Source, select main branch
  4. Click Save
  5. Wait 1–2 minutes, then visit https://YOURUSERNAME.github.io
🎉
You Are Live!

Share your URL with everyone! This is a real, public website on the internet that anyone can visit. Add it to your college applications, job resume, and social profiles.

🎉">Course Complete!

Deploy your portfolio and share the URL with your teacher, family, and friends. You have completed 18 lessons, built a full-stack portfolio, and published it live on the internet.

You are a web developer now. Keep building. Keep learning. Oklahoma's tech future needs you. 💚

Quick Check

What is GitHub Pages?

AA paid hosting service for businesses
BA free service that hosts static websites from GitHub repos
CA code editor made by GitHub

What does git push do?

ADownloads code from GitHub
BUploads your local commits to the remote repository
CCreates a new branch

What will your live site URL be on GitHub Pages?

Awww.yourname.com
Bgithub.com/yourname
Cyourname.github.io