DEV Community

Cover image for Deploy your website with Github Pages
JeffUbayi
JeffUbayi

Posted on

Deploy your website with Github Pages

All of us devs, at one point or other, would have wanted to have a personal website of our own, just to showcase our online presence or for fun. So here, I worked on my landing site and deployed it to github.

Usually creating a personal website would involve buying/registering a domain name, finding a free/paid hosting service, developing your site and uploading it to the hosting provider.

But with GitHub Pages, publishing your static site is as easy as drinking a coffee.

  You need a GitHub account (you obviously have one already)

  Create a new repo with the name {username}.github.io

  Clone the repo and create an index.html file

  Add some content and git push

  Voila! Your site should be live at https://{username}.github.io in seconds.

Github Pages

To view the link to your published repo on gh-pages,it is located at the
settings on your github repo.

 Scroll down to github pages.

 Click the link "your site is published at: https//{username}.github.io/"

Developer Landing Page

I wanted a Dev Landing Page to showcase everything I do online. And I wanted it to be minimal and right to the point. So I sat down and created this Dev Landing Page,with some HTML,CSS and JavaScript.

Here's my Dev Landing Page https://j3ffu633zy.github.io/

Thanks for reading,Happy Coding.

Top comments (0)