Last updated:
2 min read
How to put your website online in under 10 minutes?
Rakesh Potnuru
Author
0%
SHARE

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)

end result

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

All types of POST Requests with API Tester mobile app

    6 min read

    sponsored

All types of POST Requests with API Tester mobile app

Post requests are the most common types of requests that we perform on the internet and it is very useful in our day-to-day work life. These methods are those which are used to transfer data from a web browser to the server. In this article, I will teach you how to test post requests using API Tester mobile app.

How to write tests in full-stack MERN web application

    9 min read

How to write tests in full-stack MERN web application

Only by writing tests can you understand the significance of testing. No coding Bootcamp or course, as far as I know, teaches you how to write tests. Writing tests may not be necessary for demo projects or coursework projects, but it is critical for real-world applications. So, in this Part 3 of the “Let’s build and deploy a full stack MERN web application” series, I’ll demonstrate how to write tests for ReactJs components and ExpressJs RESTAPI.

Subscribe to Newsletter

Weekly


  • Never miss an update.
  • Get articles and snippets directly to your inbox.
  • Subscribe to stay connected and avoid getting lost among millions of websites.

Monthly


  • Coming soon...