How to Deploy React App to Production Using Netlify

Graphics by www.freepik.com

In this article, we’ll learn how to take your existing react application and deploy it to production. We’re going to do it in an automated way. And the best part is that it’s not gonna cost you a dime.

The article consists of the following sections:

• Creating a simple React app using CRA
• Creating a GitHub repository for the app
• Setting up Netlify deployment pipeline

Creating a Simple React App

I know I promised I’m gonna tell you how to actually deploy stuff. But in order to do so, we actually need something to deploy. Let’s start by creating a simple new React app. In your terminal, run the following commands. It goes without saying you should choose your own app name and don’t copy line for line.

npx create-react-app <your_app_name>
cd <your_app_name>
npm start

If we did everything right, we should see a screen similar to this one. Now when we have something to deploy. Let’s actually deploy it!

Creating a GitHub Repository