Go back

In this tutorial, we’ll learn how to host our websites on the web using GitHub Pages.

What is GitHub Pages?

GitHub Pages is a free hosting service provided by GitHub that allows developers to host static websites directly from a GitHub repository. It’s perfect for portfolios, project documentation, or any simple website that doesn’t require server-side processing.

With GitHub Pages, you can:

• Host HTML, CSS, and JavaScript files.
• Showcase your projects with a live URL.
• Update your site easily by pushing changes to your repository.

Now that we know what GitHub Pages is, let’s move on to how we can set up and publish our website step-by-step! 🏃🏻‍♀️‍➡️

1. considering that you already created your project

Building your first website

1. and uploaded it on Github:

Uploading your project on Github

1. On Github, open your repository and go to Settings>Pages>Build and deployment
   1. Under Branch, from the dropdown menu, select main and click on Save
2. From the navbar, navigate to Actions
   1. You will see the workflow table and a deployment is loading
   2. click on it and wait until the deployment is complete
   3. click on the link and that’s your website’s URL 🥳

Now you can copy it and share it 🌐