Deploy Your First Website On GITHUB pages

By Shivpreet Padhi

Have you made a very cool looking website and want to show your friends. Or have you made a portfolio and u need to show it to the interviewer. You can do it for free using GitHub pages.

You don't know how? I gotcha covered...

1. Make a GitHub account:

Don't tell me you cant make a GitHub account! In case you don't, search it up on YouTube. Not the toughest job in the world.

2. Make a new Repository:

• Create a new repository and set it as public. Private repos cannot be deployed by GitHub pages.

• Name the repo lets say "example"(because that is what tutorials use... cliché but ok)

• Then add .github.io. This is a very important step. If you miss it, sad luck it will be F in chat.

• Speaking of important steps... Don't forget to add a README.md

• Then create the repository.

3. Upload the files:

• In the repository upload the html, CSS, JavaScript and the assets.

• The index.html is a must. It is the page that will be visible at the beginning.

4. Deployment:

If you have followed these steps completely, with full dedication and righteousness, you are ready for the final step: THE DEPLOYMENT

It's the most simple step in the whole process of making a website and deploying. It may sound intimidating but hear me out guys:

• Go to settings for your repository.

• Go to pages.

• Set the Branch to whichever one you want to deploy (preferably main).

• Set the folder to /(root).
  

That's it guys you are done. Save the changes and you will get a free website that you can showoff to anyone u want. Go ahead pat yourself on the back and brag about it to your friends who are still using google sites (Nervously looks at the Crazy Codigo site).

That was a very basic deployment. You can add custom domains and themes if you want. It's right there is the pages option. If you want to learn more about it you can refer the GitHub pages documentations.

Wrapping up

With this you have learnt to deploy a website. Personally when I deployed my first website it was one of the best feelings I ever had. Hope you get that feeling. Happy coding :)

That’s all for this one. If you want to contact me or more of the crazy coders out there join our discord server. Follow us on all socials to stay updated about when we put out new content.

Cya!

~ Shiv