--- title: "A Step-by-Step Guide: Deploying on Netlify | Netlify" description: "Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composable web platform now!" source: "https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/" last_updated: "2026-07-09T14:38:34.000Z" --- **This guide was most recently updated on April 27th, 2020.** Today, let’s take a look at how to host a static website on Netlify, including setting up continuous deployment. ## Getting started on Netlify In this tutorial, we will show you how easy it is to launch your site on Netlify. If you are not already a Netlify user, go ahead and [sign up for free](https://app.netlify.com/signup) first. If you prefer video, this tutorial is also available as [an egghead lesson](https://jason.af/egghead/netlify-deploy). [Deploy a Site to Netlify From Git](https://egghead.io/lessons/egghead-deploy-a-site-to-netlify-from-git) ## Step 1: Add Your New Site ![step 1 - add new site in Netlify app](/v3/img/blog/add-new-project.png) Creating a new site on Netlify is simple. Once you’ve logged in, you’ll be taken to [https://app.netlify.com](https://app.netlify.com). If you’re just starting out, there’s only one option, Click the **Add A New Project** button shown above. ## Step 2: Link to Your GitHub (or supported version-control tool of choice) Clicking “Add A New Project” brings you to this screen: ![step 2 - link with git provider like GitHub or Gitlab](/v3/img/blog/create-new-site.png) Be sure to push your repo to GitHub, so that all we’ll need to do is link Netlify to GitHub. Click the **GitHub** button as illustrated in the screenshot above. ## Step 3: Authorize Netlify ![step 3 - authorize auth Netlify app](/v3/img/blog/authorize-github.png) It’s time to allow Netlify and GitHub to talk to each other. Clicking the **Authorize Application** button will do just that. Like it says in the image below, Netlify doesn’t store your GitHub access token on our servers. If you’d like to know more about the permissions Netlify requests and why we need them, you can visit our [documentation on Git provider permissions](https://docs.netlify.com/configure-builds/repo-permissions-linking/). ## Step 4: Select Your Repo ![step 4 - selecting project repo to connect to Netlify](/v3/img/blog/choose-repo.png) Now that you’ve connected Netlify and GitHub, you can see a list of your Git repos. Choose the repo you’d like to deploy from the list. ## Step 5: Configure Your Settings ![step 5 - configure site settings in Netlify app](/v3/img/blog/config-your-repo.png) Here you can configure your options. Make sure your publish directory is where your public site files are placed after building the site (e.g. `dist`) and your build command is whatever you run to build the site (e.g. `npm run build`). Then click the **Deploy site** button to continue. ## Step 6: Build Your Site ![step 6 - building your site in Netlify](/v3/img/blog/building-site.png) Now it’s time to sit back and relax. You did your part; let Netlify take care of the rest. It’ll only take a minute. ## Step 7: All Done Once the build completes, your site is live! Head to the overview and you can see the URL of your newly published site. ![step 7 - Netlify app site deploys overview](/v3/img/blog/done-1.png) Netlify automatically generated a name for your site. Let’s update that by visiting the settings tab and clicking “Change site name”: ![step 8 - updating site name and url in Netlify app](/v3/img/blog/done-2.png) There, that’s better. Looks pretty good, huh? Wasn’t that easy? To take it a step further, [set up your custom domain](https://docs.netlify.com/domains-https/custom-domains/). Congratulations on your new site, and thanks for using Netlify! ### Share - [X (fka Twitter)](https://twitter.com/intent/tweet?text=A Step-by-Step Guide: Deploying on Netlify&url=https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/) - [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2F2016%2F09%2F29%2Fa-step-by-step-guide-deploying-on-netlify%2F) - [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/) - [Bluesky](https://bsky.app/intent/compose?text=A Step-by-Step Guide: Deploying on Netlify+https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/) * * * ### Tags - [Deploy](/blog/tags/deploy/) - [Tutorial](/blog/tags/tutorial/) ## Keep reading ![](/_astro/3f45eb6eda4ea8814be310e3df4a7883a5bd9ba0-1200x675_ZcBDUS.webp) Guides & Tutorials May 15, 2026 [ ### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend) ](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ![](/_astro/8fe9e8a23f944c9912003233d99a2df7fee637cf-1600x900_Z1gMhmf.webp) Guides & Tutorials May 15, 2026 [ ### Tracking AI search traffic: how to use Netlify Log Drains to maximize AEO ](/blog/tracking-ai-search-traffic) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ## Recent posts News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts Guides & Tutorials May 15, 2026 [ ### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend) ](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp) ### How do the best dev and marketing teams work together? [Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)