How to Host your Website/App on Netlify from GitHub
Tags: netlify, severless, github, webdev
Published: 2021-03-09 23:21:51

"Netlify is a web developer platform that multiplies productivity. By unifying the elements of the modern decoupled web, from local development to advanced edge logic, Netlify enables a 10x faster path to much more performant, secure, and scalable websites and apps. A powerful server less platform with an intuitive git-based workflow"
   -Netlify

Basically we can say Netlify is a platform in which developers can easily host their web applications, right from their git/GitHub and configure the deployment/build settings to their taste.

We are going to look at hosting simple websites and web Apps on Netlify.

##Create a Netlify Account
Go to Netlify's website https://netlify.com and click on sign up or go directly https://app.netlify.com/signup so sign up and create a netlify account. 
![Sign up](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0yl0p4v0ukynibujp4lj.png)

Click to sign up with GitHub, then enter your username and Password. Then verify your mail
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/koiukti3yevc3mrov0t6.png)

###Now you are signed in
You are then taken to a redirect page, your home account page![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6uuqs1xde1279xvfikiq.png)

###Upload sites from your GitHub repositories

In order to do so, click on the 'new site from Git' button, then choose the Git provider where your site’s source code is hosted. Which is GitHub
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ceiqxxwfwzhexmqqk1bk.png)

Choose the repository you want to link to your site on Netlify. When you push to Git, Netlify runs your build tool of choice on their servers and deploy the result.

###Build Settings
After you've chosen the repository you want to host on netlify, you would have to configure your build settings. Like what Branch of the Repository you are deploying and the basic build settings if you are using a [Static site generator](https://www.gatsbyjs.com/docs/glossary/static-site-generator) e.g. Gatsby, Hugo, Jekyll etc.

*Note*: *For hosting without a build tool or static site generator, Deploy without inputting any basic build settings*
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ec7hoc6msxwilbl4swjv.png)

Once that is done, your site has been successfully deployed to netlify and you are taken to the dashboard of your newly deployed website. On the dashboard you'll find the URL to your site. Click on it to view your site.



![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dsckr1ik0ro8fie3zphe.png)
Most times netlify gives you a default domain. Now you can change the site name by clicking the *site settings* and navigating to the change site name button or add your own domain by opening the *domain settings* section.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kojd58ua5rqg87cfpe2h.png)

So there you have it, your website has been successfully hosted on Netlify.
 
Building and hosting a static website will help you save money in the long run. Also, with Netlify Edge, your website and applications will be super-fast using global distribution and automated pre-rendering. 

So,Enjoy!
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/db51qoutniflf27qbhcz.jpg)