DEV Community

Kishan Sheth
Kishan Sheth

Posted on

Host React App for Free using Netlify within 5 minutes

You can also watch the video at the bottom of the article.

What is Netlify ?
Netlify is a San Francisco-based cloud computing company that offers hosting and serverless backend services for web applications and static websites.

Now you know about the Service where we are gonna host our application. Let's Start deployment process.

Step 1 : Install the Netlify Cli
yarn add netlify-cli -g

This installs the netlify cli globally on your machine.

Step 2 : Make a build of your React application by running the following command.
yarn build

Step 3 : Host the website using this command
netlify deploy --prod

Step 4 : It will open a browser window first and ask to signup or login to netlify. Signup or Login and authorise the process.

Step 5 : Now go to your terminal where you started the deploy command and it would be asking you some additional details.

Step 6 : Choose the option create a new site in the terminal.

Step 7 : Give your site a name. It is optional.

Step 8 : Type the build directory which is
./build

And VOILA your application has been hosted to the netlify service.

To access your application you can visit.
your-site-name.netlify.app

Stuck anywhere? Follow my YouTube Tutorial for deployment of React App on Netlify.

Top comments (2)

Collapse
 
aalphaindia profile image
Pawan Pawar

Good one!!

Collapse
 
kishansheth profile image
Kishan Sheth

Thank You.