All set with building an application but not sure about deploying it? We know the feeling of being so close yet stuck. But you don’t have to worry about it! What are we here for?
We have got a tutorial on how to deploy React app on Netlify using Github. Haven’t tried it yet? Leave it to us! Just follow this step-by-step guide and start implementing it with us.
Before starting our tutorial on how to deploy react app on netlify using github. Here are a few advantages of using netlify.
- Deploys the application within seconds
- Easy and straightforward
- Provides continuous deployment which means the website will be updated immediately whenever a new commit is made
- The website never goes down
- Offers easy rollbacks at a single click
- Provides a quick preview
Now, let’s get started with the steps.
Having a problem with building and deploying your ReactJS application?
Bacancy: to the rescue! Contact us we are top-notch ReactJS development company and hire React developer with outstanding problem-solving skills and architectural knowledge.
Steps: Deploy React App on Netlify using Github
Follow these steps to deploy React app on Netlify using Github.
Create a React Application
Use the below commands to create a reactJS application.
npx create-react-app netlify-deployment-demo cd netlify-deployment-demo
Run your application by using the below command.
Once you create the demo app upload your application on Github.
Login to Netlify Account
Visit Netlify and log in to your account using Github as shown in the below image.
For authorizing Netflify with the help of Github click on Authorize Netlify.
After successful authorization, you will be redirected to the deployment page as shown in the below screenshot. You can deploy the app directly from Git, using templates, or manually uploading. Click on Import from Git button.
Import Project from Github
To import an existing project the first step is to Connect to Git Provider.
The next step is to Pick a Repository. Choose the github repository for deploying it.