Making Your First GitHub Page(s)

Vania Radmila Alfitri
Apr 29 · 2 min read

Hey everyone and welcome back to our tutorials :) Today I will be showing you on how easy it is to deploy your website on a server and see it live using Github Pages.

You’d want a GitHub Page because:

  • It allows you to host your website directly from your Github repository. To learn how to make a GitHub repository, follow this tutorial here.
  • You’d have a url to your site with a given domain name by GitHub. You’d be able to customise your domain name obviously later on once you purchased one from known companies out there but let’s save that for our next tutorial :)

Let’s get started…

  1. Set GitHub Pages in your repository

Go to the settings of your repository and scroll down to a section called GitHub Pages.

Settings tab in your repository
GitHub Pages section in settings tab

This screenshot above shows that I already have my website to enable GitHub Page but go ahead and enable this if you have not done so. You can set the source to master branch. This means that whatever changes that’s pushed in master branch will be the ones that are displayed in your GitHub Page.

2. Test your URL link

Once you enable GitHub Pages, GitHub will give you a URL you can access to see your site.

and Voila! You have successfully created a site that’s deployed on a server!


For more tutorials like this, subscribe to Generation Girl and tune in for more. We try to have one post every week!


Generation Girl

NPO based in Jakarta, Indonesia that aims to introduce STEM to the next female generation.

Vania Radmila Alfitri

Written by

Product Engineer based in Jakarta, Indonesia

Generation Girl

NPO based in Jakarta, Indonesia that aims to introduce STEM to the next female generation.