How to deploy a static website in Netlify for free

The question we all have after building our first website is “how to host” and “where to host” that too for FREE. I’ve the same question on my mind after creating my first ever website.

Here is a solution of you, In this article I’m going to show you…


This content originally appeared on DEV Community and was authored by Archana Gandhi

The question we all have after building our first website is "how to host" and "where to host" that too for FREE. I've the same question on my mind after creating my first ever website.

Here is a solution of you, In this article I'm going to show you the step-by-step process on how to host a static website in netlify

What and Why Netlify?

Netlify is a cloud computing company that offers hosting and serverless backend services for web applications and static websites.

Netlife is free and easy to use. You can deploy your project in seconds from github repo. It also provides free SSL certificate.

If you haven't signed up yet, Go ahead and Signup for free.

Step 1: Add your website

Once you've done with the signup process, You'll be headed to Overview page.There are two ways to add your site in netlify.You can either add from Github, Gitlab or bitbucket (or) You can simply drag and drop your website folder.

Overview page

First Method (Git)

Once you've clicked "New site from Git", This page will appears.

git

You need to connect to your github account and authorize it.
Now just choose the repository you want to deploy and click deploy site.

repos

Once the build completes, your site is deployed.

deploy

Second Method (drag N drop)

This method is pretty simple, You just need to drag and drop the project folder and you are done with the deployment.

So you can deploy in any of the methods. After deploying, Netlify will automatically create name for your site. You can change it in "site settings -> change site name"

site

You can also set up custom domain and push new changes to the site.

Anndddd, It's all DONE. You site is now live!!!!

If you like this post, Please like and follow me!


This content originally appeared on DEV Community and was authored by Archana Gandhi


Print Share Comment Cite Upload Translate Updates
APA

Archana Gandhi | Sciencx (2022-01-15T03:28:14+00:00) How to deploy a static website in Netlify for free. Retrieved from https://www.scien.cx/2022/01/15/how-to-deploy-a-static-website-in-netlify-for-free/

MLA
" » How to deploy a static website in Netlify for free." Archana Gandhi | Sciencx - Saturday January 15, 2022, https://www.scien.cx/2022/01/15/how-to-deploy-a-static-website-in-netlify-for-free/
HARVARD
Archana Gandhi | Sciencx Saturday January 15, 2022 » How to deploy a static website in Netlify for free., viewed ,<https://www.scien.cx/2022/01/15/how-to-deploy-a-static-website-in-netlify-for-free/>
VANCOUVER
Archana Gandhi | Sciencx - » How to deploy a static website in Netlify for free. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/01/15/how-to-deploy-a-static-website-in-netlify-for-free/
CHICAGO
" » How to deploy a static website in Netlify for free." Archana Gandhi | Sciencx - Accessed . https://www.scien.cx/2022/01/15/how-to-deploy-a-static-website-in-netlify-for-free/
IEEE
" » How to deploy a static website in Netlify for free." Archana Gandhi | Sciencx [Online]. Available: https://www.scien.cx/2022/01/15/how-to-deploy-a-static-website-in-netlify-for-free/. [Accessed: ]
rf:citation
» How to deploy a static website in Netlify for free | Archana Gandhi | Sciencx | https://www.scien.cx/2022/01/15/how-to-deploy-a-static-website-in-netlify-for-free/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.