Search⌘ K
Home
Courses
The Road to React: The One with Hooks

Deploy to Firebase

Explore the process of deploying a React application using Firebase Hosting. This lesson guides you through installing the Firebase CLI, initializing a Firebase project, configuring your build folder, and successfully deploying your React app. You will become confident in getting your applications live and accessible on the web using Firebase, completing your development workflow from code to launch.

We'll cover the following...

After we’ve built a full-fledged application in React, the final step is deployment. It is the tipping point of getting your ideas into the world, from learning how to code to producing applications. We will use Firebase Hosting for deployment.

Steps to deploy to firebase

Firebase works for create-react-app, as well as most libraries and frameworks like Angular and Vue. First, install the Firebase CLI globally to the node modules:

npm install -g firebase-tools

Using a global installation of the Firebase CLI lets us deploy applications without concern over project dependency. For any globally-installed node package, remember to update it to a newer version with the same command as often as you can:

npm install -g firebase-tools

If you don’t have a Firebase project yet, sign up for a Firebase account and create a new project there. Then you can associate the Firebase CLI with the Firebase account (Google account):

firebase login

  • A ...