Install RAB Landing Page

RAB Landing Page RAB Landing Page / Installation Last updated on Updated  Oct 17, 2019

Requirements

This Landing Page requires that you have purchased and installed React App Builder. 


Install

Download the landing page from your CodeCanyon Downloads. 

Extract the zip file. 

Important: Copy the project_config.json file from your React App Build installation to your Landing Page.

Open the folder in VS Code. 

The folder structure should look like this

W0Ar102Mskzfp9mC85Q4xHYfTvHQJTzTDG9twUYb.png

Open a terminal and execute 

rab

You should see the menu now

FZ3H6sf5UOkJDT6B9X7drieqXZiRa47yU3goLtJT.png

 

Deploy

Select the Deploy landing page option from the menu

This will start the following actions

  1. Install node modules
  2. Ask you where you want to host
  3. If on Firebase or on own hosting, it will build the project


It is the easiest option. It will build your project, and upload it to Firebase Hosting. In the end, the console will display your Hosting URL.

IMPORTANT

You will need to create additional site in Firebase Hosting, specialy for your landing page.

It is easy, go in your Firebase Project -> Hosting and add a new site. 

CqIf723poP2Qoc2ZTf4bh72prWAaURPgc8D5Q0I1.png

Remember the name

The CLI will ask for it. Enter that name and your landing will be uploaded there.

Netlify

To publish your project on Netlify, easiest way will be to create your own private repo of this project on Bitbucket or GitHub. And add that repo in Netlify.

ccqrMpCv0s6E6MJVrg3to8AhpH7kCYW8AV0GTIw2.png

The good thing about Netlify is that when there is an update, you will just commit the change, and Netlify will build the project automatically for you. It is free and fast.


My own hosting

If you have your own hosting, you can use it to host your landing page. This script will create the build folder locally. You will need to upload the content on hosting. 

Important: The Landing page can't be hosted in a subfolder. It can be hosted directly in a domain or any subdomain. 


Insert Demo Data

Open your Landing page URL.  If it doesn't display any info, you need to run the second step

Set landing page data

This will set landing page demo data.


Manage the Landing Page

You will want to configure the Landing Page. And that can be done if you log in into App Builder with your admin email and password. Under your name/icon you will have the options "Settings"


I have Landing Page from the previous v11 RAB

Then first follow these instructions, and then come back here and continue the installation.