Publish Your Portfolio with Git, GitHub, and GitHub Pages

Kurt Emrich and Alexander Elguezabal walk through a beginner workflow for publishing a portfolio website using GitHub Pages.

Overview

This episode demonstrates how to move a local portfolio website into a GitHub repository and publish it as a live site with GitHub Pages. Along the way, it introduces core version control concepts and a basic collaboration workflow.

What the episode covers

• Version control fundamentals
  • Commits
  • Branches
  • Merges
• GitHub basics
  • Remote repositories
  • Pushing code from local to GitHub
• Creating and configuring a GitHub repository
• Installing Git
• Cloning a repository using GitHub Desktop
• Adding portfolio files and pushing changes
• Creating, reviewing, and merging a pull request
  • Deleting a feature branch after merge
• Configuring GitHub Pages
• Visiting the published portfolio site
• Making edits and updating the live site

Episode timeline (from the video description)

• 0:00 Welcome and an introduction to version control
• 3:01 Understanding commits, branches, and merges
• 7:10 GitHub and remote repositories
• 8:56 How pushing code and GitHub Pages work
• 10:00 Creating and configuring a GitHub repository
• 11:40 Downloading and installing Git
• 14:00 Cloning the repository with GitHub Desktop
• 18:32 Adding and pushing the portfolio files
• 20:49 Creating and reviewing a pull request
• 23:00 Merging the pull request and deleting the feature branch
• 24:51 Configuring GitHub Pages
• 26:02 Visiting the live portfolio website
• 27:39 Editing and updating the published website
• 30:42 Recap and what's next

Links and resources

• Series page (Episode 3 of 10): https://aka.ms/student-learning-series-website
• Episode artifacts (prompts, code, resources): https://aka.ms/student-learning-series
• Learn more about GitHub Copilot: https://aka.ms/StudentAI-GitHubCopilotApp
• Download Git: https://git-scm.com/install/
• Microsoft Learn: GitHub Foundations (Part 1 of 2): https://aka.ms/StudentAI-Github-Foundations-Learning

Presenters

• Kurt Emrich (Software Engineer at Microsoft): https://www.linkedin.com/in/emrichkurt/
• Alexander Elguezabal (Software Engineer at Microsoft): https://www.linkedin.com/in/alex-elguezabal/