How to put your website online in under 10 minutes?
As a beginner in web development, you may always think about how to actually put a website you made, on the internet. In this blog, you are going to learn how you can do it in less than 10 minutes with simple steps using Github pages.
End Result
This is what we are going to make by the end of the blog. See the URL, it's on the internet 👀.
(This is a simple calculator web app that contains HTML, CSS, and js files)
Prerequisites
- A website having HTML, CSS, and Javascript files. (because Github pages support only static websites)
- Github account.
- Basic knowledge about git.
Let's get started
Step-1:
Create a repository on GitHub and add all your HTML, CSS, js files.
Note: Make sure you make the repository public.
Step-2:
Open the repository and click on Settings.
Step-3:
Scroll down and click on Pages from the left panel.
Step-4:
Now you have to enable GitHub pages for the repository. To do so, click on None and select the main branch of your repository. In my case, it is master.
Step-5:
After selecting the branch, the save button will be enabled, so click on Save to confirm.
Step-6:
Now, you can see an indication saying - Your site is ready to be published at
Step-7:
Wait for a few minutes and refresh the page. That indication will be changed to - Your site is published at
Click on the link and that's it your site is ready and you can share the URL with anyone and show off your project.
Refer to this blog to deploy your react app with GitHub pages:
Also read:
Hope this helps you!
LEAVE A COMMENT OR START A DISCUSSION
MORE ARTICLES
3 min read
Introducing Publish Studio: Power Digital Content Creation
Say “Hi” to Publish Studio, a platform I’ve building for the past few months. If you are a content writer, then you should definitely check it out. And if you are someone who has an audience on multiple blogging platforms and need an easy way to manage your content across platforms, then you should 100% give it a try.
10 min read
Let's Build a Full-Stack App with tRPC and Next.js 14
Are you a typescript nerd looking to up your full-stack game? Then this guide is for you. The traditional way to share types of your API endpoints is to generate schemas and share them with the front end or other servers. However, this can be a time-consuming and inefficient process. What if I tell you there's a better way to do this? What if I tell you, you can just write the endpoints and your frontend automatically gets the types?