How to Deploy website on Netlify Last Updated : 11 Apr, 2025 Comments Improve Suggest changes Like Article Like Report You have your website ready and don't know how to reach the audience. Most of us coders create amazing websites using HTML, CSS, and JavaScript and just save them locally or on remote host services like GitHub and BitBucket. Now, what if you need non-programmers to view your work? This is why it becomes too important to deploy your web application online. Netlify makes your job easy. You can easily deploy your website or web app created using react on Netlify. Netlify is easy to use, scalable and user-friendly. The only requirement to get started with Netlify is you need a GitHub or Gitlab or BitBucket account. If you have any of these then follow the step-by-step tutorial below, if not create your account now.Before proceeding, we have assumed that you have created a repository at Git host services and committed all your website files. In case you're new and don't know how to use Git, you can check out this: An Ultimate Guide to Git and GithubBelow is the step-by-step procedure to deploy the website on Netlify.Step 1: Create your account on Netlify. It's completely free, so go ahead and create your Netlify account. Once you have verified your account, you need to answer 7 simple questions. Step 2: Create a New Site from GIT. Remember to have created your repository, once it is done you need to follow 3 major steps.Step 3: Connect to Git provider. Now choose a Git host provider where you have created your repository. I will be choosing BitBucket since I have my project and repository created in Bitbucket.Step 4: Pick a repository. Once you have authorized with the Git host provider, you now need to Pick a repository that you have created.Step 5: Once you have picked your repository, deploy your site. The base directory will be main by default. You just have to click on the Deploy Site for now.Step 6: Wait for a few seconds and you will get a successful link which is in green color. Netlify will generate a random name for your site, with its own domain i.e., netlify.appStep 7: Now that your site is successfully deployed you can edit the site name, Go to domain settings, select options, and edit the site name. Enter the site name and save. Comment More infoAdvertise with us Next Article How to Deploy website on Netlify jaintarun Follow Improve Article Tags : GBlog JavaScript Web Technologies HTML CSS +1 More Similar Reads How to Deploy ExpressJS on Netlify ? This guide explores the process of deploying an Express.js application on Netlify, a popular platform known for hosting web projects with ease. From understanding the basics of Express.js to configuring serverless functions on Netlify, this comprehensive guide offers step-by-step instructions in sim 5 min read How to Deploy Node.js app on Netlify ? Netlify is a powerful platform that simplifies the process of deploying and managing web projects. It provides a wide range of features, including continuous deployment, automatic SSL, serverless functions, form handling, and much more. With Netlify, you can deploy static sites, single-page applicat 3 min read How to Deploy React App on Netlify Using Github? A React App is a web or mobile application that is built using the React library of JavaScript. It helps users create interactive, single-page, and dynamic applications. These applications are built using HTML, CSS, and JavaScript. Deployment of a React app can be done via GitHub, Netlify, or any ot 6 min read How to Deploy JavaScript Apps with Netlify ? Deploying a JavaScript Application on Netlify is easy. You just need to run a few commands in your computer's command prompt. Netlify works well with Git, so whenever you make changes to your code and push them to your Git repository, Netlify automatically updates your deployed app. The below method 5 min read How to Deploy Your React Websites on GitHub? Building a web application is always exciting for developers, especially when you step into the programming world for the first time. You build the front end of your application after a lot of struggle, and you want to showcase your skill, your creativity, and of course, your hard work to the world. 6 min read How to Deploy Next.js App to Vercel ? Introduction: Vercel is a deployment tool used by frontend developers to instantly deploy and host web applications without knowing complex configurations. Features of Vercel:Easy to use and has a lifetime free tier service which is beneficial for beginners who want to deploy their side-project with 3 min read How to Deploy a Basic Static HTML Website to Heroku? Heroku is a simple and one-stop solution to host any website or server. This article revolves around how you can host your own Static HTML webpage on Heroku. To demonstrate this we are going to build a simple webpage and host it. PrerequisitesGitHeroku AccountHeroku CLI Let's create a directory name 3 min read How to create demo website in WordPress ? A demo website is a website that contains content that is relevant to the work you do and shows off your skills. A demo website can be created in WordPress using several different themes. Themes allow you to customize the layout and design of your site, with many websites providing both free and pai 7 min read How to Install Node.js on a Webserver ? Node.js is a powerful, lightweight, and efficient runtime for executing JavaScript code on the server side. It is particularly well-suited for building scalable network applications. Installing Node.js on a web server enables developers to run server-side JavaScript, host web applications, and serve 2 min read How to Install WordPress on Your Website ? WordPress is a content management system that allows you to host and build websites. WordPress contains plugin architecture and a template system, so you can customize any website to fit your business, blog, portfolio, or online store. WordPress is well-known for its ease of installation. Installing 7 min read Like