Deploy Unlimited React Application Free Using Netlify

Thumbnail image

Prerequisites: Node js Installed on your system, Netlify Account Created, A Github Account Created, System Connected with your git hub.

With all these installed and account setup, we can go with tutorial.

Creating a new React site : Open your folder in terminal and run the following commands to create a new React app using Create React App:

Deploy Unlimited React Application Free Using Netlify

This command create a new directory in your folder called app-name with the basic structure of react.

Deploy Unlimited React Application Free Using Netlify

The commands Start the React site at the local URL: http://localhost:3000. Load this address in your browser.

Upload Your Project on Github:

Create new repositories using the new buttom.

Deploy Unlimited React Application Free Using Netlify

Enter required field like repository name you can write your repository name ass per your project.

Deploy Unlimited React Application Free Using Netlify

Create repository on click on create repository button

Deploy Unlimited React Application Free Using Netlify

Copy commond and paste into your terminal to uplaod project into github.

Deploy Unlimited React Application Free Using Netlify

Login Your Netlify Account and Craete A new Site using this Add new site button.

Deploy Unlimited React Application Free Using Netlify

Select Import an existing project option.

Deploy Unlimited React Application Free Using Netlify

And then select with githug deply button.

Deploy Unlimited React Application Free Using Netlify

Here is a list of your repository select to start your deploy process.

Deploy Unlimited React Application Free Using Netlify

Select branch to deploy.

Deploy Unlimited React Application Free Using Netlify

Deploy your project click on deploy option.

Deploy Unlimited React Application Free Using Netlify

After complete all these process your project is live.

Deploy Unlimited React Application Free Using Netlify

To Setup your project URL

Go to the site overview tab section and click on site configuration.

Deploy Unlimited React Application Free Using Netlify

To change site name click the change site name button.

Deploy Unlimited React Application Free Using Netlify

Congratulation! Afer change site name your project is completely upload on this URL.

Deploy Unlimited React Application Free Using Netlify

If you liked this article, then please subscribe to our YouTube Channel for useful videos. You can also find us on Twitter and Facebook.

About the author

Mohd Aman

Hi, I'm Mohd Aman, a passionate and results-driven SoftwareDeveloper. I've been actively involved in designing, developing, and delivering innovative software solutions. Ithrive on challenges and enjoy collaborating with talented teams to create cutting-edge products that have a positive impact on people's lives.

Write a Reply or Comment

Your email address will not be published. Required fields are marked *

No Comment

This post has not been commented yet.

The Webography