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.
tip
Recommended tutorial is below π
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
tip
Recommended tutorial is below π
Setup Firebase for Push Notificationβ
tip
Recommended tutorial is below π