DEV Community

Cover image for How to put your website online in under 10 minutes?
Rakesh Potnuru
Rakesh Potnuru

Posted on β€’ Edited on β€’ Originally published at itsrakesh.com

20 5

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 webapp which contains HTML,css,js files)

Prerequisites

  • A website having HTML, CSS, 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 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 <URL>

Step-7:

Wait for few minutes and refresh the page. That indication will be changed to - Your site is published at <URL>

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:
How to host your website on Azure?


Hope this helps you!
Save for reference.
Follow me for more πŸ˜ƒ.

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (2)

Collapse
 
gouravkhunger profile image
Gourav Khunger β€’

Yes, GitHub Pages is a great way to host static apps. Even flutter/react/static app made in any framework can be hosted there for free and it is really convenient.

And by the way, your GitHub link at the end of the post also points to twitter which needs to be fixed :)

Collapse
 
itsrakesh profile image
Rakesh Potnuru β€’

Hey @gouravkhunger ! Thanks for pointing it out. I fixed it.

πŸ‘‹ Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay