DEV Community

Cover image for Publish your static website for free
Nitin Kumar
Nitin Kumar

Posted on

Publish your static website for free

Many IT folks ask me I've made my project in Web Dev as beginner but I want to showcase it to my client/people for free. Where should I upload & publish them? My simple answer is Google Drive. I'll write another article about how to upload static sites in Google Drive. So, one of the professional method is using Github & Netlify. Netlify is a github authorised application to run static web pages. You can use it just by authorizing the repos access to it. In this article, I'll let you know from basics to full uploading and getting the link. So, let's get started.

Steps to consider:

  1. Create Account
  2. Create Repo
  3. Push/Upload contents in repo
  4. Sign Up/Login in Netlify using Github
  5. Connect your target repo
  6. Publish it

NOTE : Ignore following warning in some screenshots.

Warning

----------------------------x-------------------------

Descriptive steps

Step 1: Create Account in Github.
P.S.- If already have an account, Login to your account.

Signup/Login

Step 2: After logging in, Click on 'Create/New Repository' from Home

Create/New Repo

Step 3: Put the necessary details in the space provided for repo name & description. You can add README file or License from this tab too.

Repo desc

Step 4: Upload the files for your project(if already created) or create files as required.

Upload files

Step 5: Signup/Login to Netlify using GitHub only for proper connection with repos.

Signup/Login

Step 6: Chose the repo which you want to publish/make live.

Select repo

Step 7: Click on 'Deploy Site' button to publish it publically. A web link will be generated trailing with .netlify.com.

Deploy site

Step 8: You may customize the site name from Site Settings >> General >> Change site name

Customize site

Step 9: You may put the link in GitHub repo under description too.

Test link

A detailed video is uploaded below for your reference.

Thanks for reading, Keep reading, Keep supporting.!!
Connect with me on LinkedIn or Github.

Sentry blog image

Identify what makes your TTFB high so you can fix it

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

Read more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay