Step 2. Deploy React app builder

Make the build

In this step, you have to run the command below in the terminal where your builder is opened.

npm run build

73LrBy6Y3ANKLtc9wYZ173wOuWlFnwgc4wTppKbd.png

This will compile your code, and make a build folder that is ready for uploading on Firebase Hosting or on your own HTTP server.

w3YP4GC7v84I42Ab6ZFsZ1PIERKBOyfQLxUC8hRp.png


Option 1:  Deploy on Firebase ( Video ).


Go in your firebase console, and then go in Hosting. Click on Get started. Next, run the command to install the Firebase tools globally in your system.

npm install -g firebase-tools

Next, run the command to login in Firebase (Instructions on firebase console).

firebase login

In your project root, run the command to initialize your firebase project.

firebase init

In the options, select "Hosting" using the Space button on your keyboard. The selection should become green. Next select your project. For public folder enter build. On Configure as a single-page app enter y. Enter N to not overwrite any file. Next, run

firebase deploy

and enjoy your site running on a super fast google environment. The console will tell you the link to your admin.

G6nQ9WIIc7CIlch7MCy7WlYdFNJZoYewMNDh604F.png


Option 2: Deploy on your own server or hosting via FTP or FileManager ( Video )


Firebase Hosting is ok, but there are use cases that you want to upload the React App Builder on your own Hosting / Server.

In this example, I will upload the build folder via File Manager. So let's start. 

  1. Go inside the  build folder .   Full Path ( Builder/build )
  2. Zip all the files
    XzU3eWlewhmBTmwVIT3XJz1ZOgfofFFhSfCI0qiA.png
  3. In your hosting, create domain or subdomain. ( For Extended / SaaS License - We suggest subdomain )
  4. Go in the File Manager
  5. Upload the Archive.zip ( the produced zip )
  6. Extract it with the File manager Unzip Functionality

j2lcoRJ4aOz49sqLdXsRg9pJVmpAQPqVHsI1hpsU.png

Visit your domain or subdomain. React App builder should be functional there. 


Next

If you own a Regular license follow

Making apps in React App Builder

If you own Extended - SaaS license follow

Landing page: setup and publish