Steps to deploy JavaScript application using Git repository

Netlify offers seamless integration with Git repositories (GitHub, GitLab, Bitbucket) for continuous deployment. When changes are pushed to the repository, Netlify automatically triggers a build and deploys the updated app.

Step 1: Create a project

Create a project with any number of required files. You can also use the example project used in the previous approach.

Step 2: Create a GitHub repository

Open your GitHub account and create a new repository for your project. Name the repository anything you want, for example, My project. Upload project files to github and commit.

Step 3: Setting up Netlify

Create a Netlify account (if you have not any). Now, connect your GitHub account with Netlify. Authorize Netlify to use GitHub to access your repositories.

Step 4: Go to the Sites section

Select the Sites option from the left sidebar. It is the entry point to deploy any application with different approaches.

Step 5: Click on Add new site

Click the add new site button. It provides three methods to deploy the web application.

Step 6: Select import an existing project

Choose the import an existing project from the dropdown to deploy a Github app on Netlify.

Step 7: Select Deploy with GitHub

Choose Deploy with Github as the application code available on Github. If the application code is on another platform then choose accordingly.

Step 8: Select project to be deployed

After connecting to Github, all the github repositories will be listed down, choose the repository which contains the web application code.

Step 9: Give website name

After choosing Application repository, provide the site name, and leaving other thing as it is.

Step 10: Deploy Application

After clicking the Deploy site button, it redirect us to deployment page, and in this way, the JavaScript application becomes live.

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 methods can be used to deploy JavaScript apps with Netlify: