OneCompiler

How to Deploy a React app with https for FREE 🔥

367


Deploying a React App to Netlify

Creating account on Netlify

First go to Netlify and create an account if you don't have one.

Generating production build in React

Run the below command to get a production build in your project root folder

yarn build

This will generate a build folder in your root directory.

Uploading build to Netlify

Scroll down to bottom and Drag and Drop the build folder here

<img src="https://static.onecompiler.com/images/posts/3w355xn5e/net2.png" alt="i2" />

Custom site name

By Default Nelify gives you a random site but if you wish to change it you can do it as well
<img src="https://static.onecompiler.com/images/posts/3w355xn5e/net3.png" alt="i3" />
To change the name of site click on site settings
<img src="https://static.onecompiler.com/images/posts/3w355xn5e/net4.png" alt="i4" />

Change the name to what you want and that's pretty much it.