Publish your first website
You've built a website locally. Now it's time to share it with the world!
Let's deploy your website so anyone with an internet connection can see your work. For free with unlimited scalability!
The problem
If you've followed the previous lessons, you should have a project folder on your computer with an index.html file — your first webpage.
You've also pushed this folder to GitHub, so your code is safely stored online. But if you share the GitHub link with someone, they'll see... raw HTML code. Not a website.
That's because GitHub shows the source code, not the rendered result. Only a web browser can transform HTML into a real webpage.
The solution: GitHub Pages
GitHub has a built-in feature called GitHub Pages that turns any repository into a live website. 😳
It's free, fast, and perfect for hosting static sites like the ones we're building.
Let me walk you through the whole process: from a GitHub repository to a live website:
From a GitHub repo to a live website with GitHub Pages.
Let's do it!
It's time to follow the same process for your project!
github.com/your-username/your-project)Settings in the top menuPagesDeploy from a branchmain branch and / (root) folderSave and wait a minute or twoAfter a few secons, your site will be live and your URL will look like this:
https://your-username.github.io/your-repo-nameThat's it. Your website is now online.