All Collections
Developer's Guide to Anima
Anima + Firebase: Serverless backend & Hosting React apps
Anima + Firebase: Serverless backend & Hosting React apps

How to deploy React code to Firebase

Avishay Cohen avatar
Written by Avishay Cohen
Updated over a week ago

Anima converts designs such as Figma or Adobe XD into HTML / React code.

Firebase by Google is a great service that provides backend-as-a-service.

Serverless backend

If your app has dynamic content, Firebase by Google is a great service that provides backend-as-a-service. Meaning it'll take a short time to set up your data tables, authentication (login), cloud functions, and hosting.

Hosting

When you are ready to go live with your app, you will need to host your code so users can access it. And, to connect a domain. Firebase also covers hosting.

How to deploy React code to Firebase

  1. In the terminal, install Firebase tools:

    npm install -g firebase-tools

  2. Login to Firebase

    firebase login

  3. Build your code

    npm run build

  4. Init Firebase app

    firebase init

  5. Deploy to Firebase
    ​

    firebase deploy

Follow Firebase instructions in each step to set up your application, and eventually, you will get a link to your live app. Congrats πŸŽ‰

Did this answer your question?