Deploy React/Javascript App to Netlify in 2 Minutes

Chi Nguyen
Mar 31 · 4 min read

There are thousands of ways to deploy and maintain an application likes Heroku, AWS, or Azure. In this article, we will learn how to deploy a React/Javascript application using one of the easiest ways, Netlify. Netlify integrates with Let’s Encrypt and automatically provisions, distributes, and renews your certificate. Besides, your site or application is set up with Netlify’s true auto SSL for free.

We can use Version Control Github, Gitlab, or Bitbucket to support deploying our application to Netlify. However, we will focus on the Github version control system in this article.

At first, you should create a Github and a Netlify account. After successfully having a Github account, creating a new repository is the next step.

Now go to the directory of your local React/Javascript app, then follow the instruction on Github below.

Because you already have your app, so remember to do “git add .” before “git commit”.

Now after “git push” and see it run until 100%. Your application is successfully stored on Github. Refresh the Github page to see the change.

Now go to Netlify and create a new site. Choose Github as a host. Then authorize your Github account with Netlify.

If you can not find the repo you just deployed to Github, click to “Configure the Netlify app on Github”. Then click “select repositories”, find your repo and click “save”.

Back to Netlify and click “Deploy site”, then Netlify will start the deployment process for you.

If your app doesn’t have any potential problem, it will deploy in just a few minutes. But in case your app has some problems like below, it should be failed to deploy.

Now run your React app locally by using “npm start”. Then edit your app until seeing the “Compiled successfully!” message like this.

It can be still “fail to deploy” if you react app showing the yellow “Compiled with warnings.” like below:

Just follow the instruction to remove some unused variables or components in your React app. Then don’t forget to add, commit, and push to your Github repo.

Then go to Netlify and click “Clear cache and deploy site” to deploy your app again. Once you successfully deploy your app, it will look like this. Netlify will generate automatic a Netlify domain for you. You can change to your personal domain or just change the Netlify domain by click “Site settings”, then click “change site name” then change to whatever name you want but haven't been taken.

Congratulations on successfully deploy your application! Now your application will live on the domain you choose. Once you’re familiar with Netlify, it will only take 2 minutes to deploy your app.

Find out more about how to deploy your Rail backend app to Heroku here.

Happy Coding!

Geek Culture

Sign up for Geek Culture Hits

By Geek Culture

Subscribe to receive top 10 most read stories of Geek Culture — delivered straight into your inbox, once a week. Take a look.

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

Geek Culture

A new tech publication by Start it up (https://medium.com/swlh).

Chi Nguyen

Written by

Full Stack Developer Connect with me here: https://www.linkedin.com/in/chi-nguyen-swe/

Geek Culture

A new tech publication by Start it up (https://medium.com/swlh).

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store