DEV Community

Cover image for How to host your site on netlify as a beginner developer
Umar Sulaiman Mailafiya
Umar Sulaiman Mailafiya

Posted on

How to host your site on netlify as a beginner developer

Getting started as a beginner you must be thinking… How can I get my project online? Rest assured. Today will be the last day you’ll think like this. Because the answer is finally here.

Is your project ready for deployment?
Let’s go!

What is netlify?

Netlify is a remote-first cloud computing company that offers a development platform that includes building, deploying, and serverless backend services for web applications and dynamic websites. In simple terms, it’s for getting your project online for the world to see.
Netlify landing page screenshot

There are two significant methods to make deployment on netlify:

  1. - Drag and drop
  2. - Connecting your deployed project on GitHub or any remote git repositories to netlify. We will go through both methods.

Method 1:

Let's start by signing up on netlify.
Sign Up 👉 Here

After signing up. Click on the sites tab on your dashboard.

Netlify user dashboard

Upload photos Section
Drag and drop your files folder 📂 as instructed.
Congrats 🎊 You have deployed your site successfully.
Easy right? :)

Method 2:

You still signed up for netlify right?
Alright! For this part, we will be using GitHub as our preferred git repository manager.
Create an account on GitHub.
Go to github.com to sign up/create one if you don’t have to.

Github home page
Deploy your project to GitHub using git. Check out how to do that here

Go back to your account on netlify. Navigate to your dashboard.
Click on sites tab. then click on add an existing project in the drop-down options.
Deploy tab

Click GitHub to connect your GitHub account.
Remote git repository

Choose the project you want to host.
Select Project Tab

Wait for the deployment process...

Congrats 🎊 You just made a deployment.
Your site is now live.

Note: Netlify has a fancy feature where you won't have to make any more updates directly to your netlify deployment. It'll be in total sync with your GitHub repository. That means every time you push a new commit, it'll automatically update your live site.
Cool right 😎?

Conclusion

I hope with this short guide, I am able to help you deploy your project online. Cheers 🥂

Oldest comments (0)