Mandatory Setup (Web)

Run an existing react project on IDE​ #

• Run the purchased and downloaded NextJS project on your preferred IDE.
• Before running the project in your local machine,
  • You have to set your activated domain url and purchased license key in your admin panel.
  • To set up your domain in the admin panel please follow below instruction.
    • In the admin panel we have a menu called system settings. In the system settings we have a submenu called React site where you give your purchased license code and your activated domain url to the form and submit it.
    • You also have to change your project .env.development and .env.production->NEXT_CLIENT_HOST_URL and NEXT_PUBLIC_BASE_URL variables with your activated domain url.

Change Base URL​ #

To change the base URL follow the steps given below –

• Must remember that don’t put slash(/) at the end of your base url.
• Use your admin url as base url.
• First you have to install your admin panel. For example: If your admin url is https://your_domain.com/admin then base url will be https://your_domain.com .
• Create .env.production and .env.development file in your project
• Add NEXT_PUBLIC_BASE_URL and NEXT_CLIENT_HOST_URL variable in both env files. Then assign your URL as a variable value. For example:

NEXT_PUBLIC_BASE_URL=”Your URL”

NEXT_CLIENT_HOST_URL:”Your host URL”

Add Google Map API Key​ #

• You need to generate the google API key. Visit this link- https://developers.google.com/maps/documentation/embed/get-api-key
• You need to enabled mention APIs: Direction API, Distance Matrix API, Geocoding API, , Place API.
• You have to enable billing account. Visit this url for activating: https://support.google.com/googleapi/answer/6158867?hl=en
• After generating API key, you have to put it on your project .env file.
• Open <project>.env.production and <project>.env.development and add your api key inside those files at NEXT_PUBLIC_GOOGLE_MAP_KEY. For example:

NEXT_PUBLIC_GOOGLE_MAP_KEY = YOUR_MAP_API_KEY_HERE

Setup Firebase for Push Notification​ #

Social Logins​ #

For using social logins of Facebook and Google, you need to add app keys and secret keys.

Go to <project>/src/utils/staticCredential.js

export const google_client_id="xxxxxxxxx";

export const fb_app_id = "000-0000";

Add your google client id and facebook app id there.