How to Deploy website on Netlify Last Updated : 11 Apr, 2025 Summarize Comments Improve Suggest changes Share 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 J jaintarun Follow Improve Article Tags : Websites & Apps Similar Reads How To Use WhatsApp Web on Your PC, Laptop or Tablet There have been many social media platforms that have been very popular among the people. Since the early days of the internet, there has been a desire among people to have social media platforms that help them connect and talk with each other. Within a few years, we started to see platforms such as 8 min read How to Fix DeepSeek "Server is Busy Issue Please try again later" Issue If you've encountered the "Server is Busy, please try again later" error on DeepSeek, you’re not alone. Many users are looking for solutions to this common issue, especially when they’re trying to generate content or access AI-driven tools but are faced with delays. This error typically happens due 6 min read How to Fix ChatGPT "Our Systems Have Detected Unusual Activity from Your System" Issue The "Our systems have detected unusual activity from your system" error in ChatGPT occurs when OpenAI’s security systems flag your account or network for suspicious behavior. This often happens due to rapid requests, VPN usage, or violations of OpenAI’s policies. Below is a step-by-step guide to res 7 min read How To Make Timestamps On Discord Understanding Discord's timestamp format is essential for accurately marking time in messages, especially when dealing with users across different time zones. A Discord timestamp converter helps to easily translate timestamps between regions, considering the user's Discord timestamp timezone. Using 6 min read How To Make Your Name Invisible On Discord Creating an invisible name and avatar on Discord is a fun way to maintain anonymity or add a unique twist to your profile. By making your username and avatar appear invisible, you can blend into the background during chats, which can be a great way to surprise your friends or keep a low profile on s 6 min read Difference between REST API and SOAP API REST (Representational State Transfer) and SOAP (Simple Object Access Protocol) are the most common methods for communications. These services enable the web to communicate with the servers with HTTP protocol. REST is an architectural style that works over HTTP for communication, while SOAP is a pro 2 min read How to Track Someone's Location with Phone Number Finding a Location with a Phone Number has become a common requirement for various reasons, including safety and security. Whether you've misplaced your phone or need to locate a friend or family member, there are several ways to find a phone location by phone number. From using free tools like Goog 10 min read Web Design Tutorial This web design tutorial is a complete guide for beginners who want to learn web design from the basics. Here, we cover everything from web designing fundamentals such as the importance of UI/UX Design and their principles, preloader in websites, web graphics and typography, etc. to advanced web des 6 min read How to Show What Game You Are Playing on Discord How to Show What You Are Playing on Discord - Quick TipsOpen Discord > Click on your ProfileSelect "Set Custom Status"Add Your Custom Status > Click SaveCommunication is paramount in Discord, and showcasing your unique personality can make a world of difference. Whether you're a regular Discor 9 min read Microsoft Word Shortcut Keys: Complete Microsoft Word Shortcut Command List Navigating through Microsoft Word becomes significantly more efficient when you utilize the appropriate word shortcuts. Whether you are drafting a document, formatting text, or working with tables, knowing the right key shortcuts in Microsoft Word allows you to complete tasks more effectively, reduc 10 min read Like