In order to deploy your react project onto Netlify, you should have two things
<ul>
<li>Working React Project
</li>
<li>Netlify account
</li>
</ul>
You can create one by going to the netlify site
<a target="_blank" href="https://www.netlify.com/">Netlify</a> 
<h3 id="landing-page-of-netlify">Landing Page of Netlify</h3>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1628408724306/vQkQWNvr5.png" alt="image.png" />
<h2 id="building-and-deploying-the-project">Building and deploying the project</h2>
<ul>
<li><h3 id="building-the-react-project">Building the react project</h3>
</li>
</ul>
To deploy your project, you need to build your project.
Following commands need to run in order to build the project:
<pre><code>npm run build
</code></pre><pre><code>serve -s build
</code></pre>You will now have a build folder in your solution and you are ready to deploy the application.
<ul>
<li><h3 id="deploying-on-netlify">Deploying on netlify</h3>
</li>
</ul>
Go to the site's page.
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1628409277894/9tcEOnUWw.png" alt="image.png" />
Drag your build folder into the section of the site
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1628409522422/M5J-OZWZi.png" alt="Deploy.png" />
It will take 2-3 minutes and your application will be deployed.
Post-deployment, you will be provided with the application URL.
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1628409788800/-fySZp7pg.png" alt="image.png" />
Demo URL:
 <a target="_blank" href="https://amalreact-app.netlify.app/">amalreact-app.netlify.app</a>

In order to deploy your react project onto Netlify, you should have two things

- Working React Project

- Netlify account

You can create one by going to the netlify site
 
[*Netlify*](https://www.netlify.com/) 

### Landing Page of Netlify


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628408724306/vQkQWNvr5.png)


## Building and deploying the project


- ###  Building the react project

To deploy your project, you need to build your project.

Following commands need to run in order to build the project:


```
npm run build
``` 


```
serve -s build
``` 

You will now have a build folder in your solution and you are ready to deploy the application.


- ### Deploying on netlify

Go to the site's page.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628409277894/9tcEOnUWw.png)

Drag your build folder into the section of the site

![Deploy.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628409522422/M5J-OZWZi.png)

It will take 2-3 minutes and your application will be deployed.

Post-deployment, you will be provided with the application URL.


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1628409788800/-fySZp7pg.png)


Demo URL:

 [*amalreact-app.netlify.app*](https://amalreact-app.netlify.app/) 

















Deploying React Project on Netlify

Landing Page of Netlify

Building and deploying the project

Building the react project

Deploying on netlify