Guide to Install Web on Mac
This guide will help you install the Investra web frontend on your Mac machine. The web frontend is built using Next.js.
Prerequisites
Before you start, make sure you have the following installed on your Mac machine:
Please follow the below steps,
- Extract the investra package that you download from CodeCanyon.
- After that you see two zip files called 'core.zip', 'deployment.zip' and 2 folders local_deployment, documentation.
- Now extract the core.zip file to the core folder.
- Extract the core folder and now you will get four zip files called
admin.zip,standalone-client.zip,static-client.zipandmobile.zipon core folder.
As you can see the folder structure like below,
investra
├── documentation
├── core
│ ├── admin.zip
│ ├── standalone-client.zip
│ ├── static-client.zip
│ └── mobile.zip
├── local_deployment
└── deployment.Zip
Step 1: Install Homebrew
- Open a terminal window.
- Run the following command to install Homebrew:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
- Follow the on-screen instructions to complete the installation.
Step 2: Install Node.js
- Open a terminal window.
- Run the following command to install Node.js:
brew install node
- Verify the installation by running the following command:
node --version
Step 3: Install Our Client Project
- Extract the client project files to the directory.
- Open a command prompt and navigate to the project directory.
- Run the following command to install the project dependencies:
npm install --force
- copy the
.env.examplefile and rename it to.envand update the values in the.envfile.
Step 4: Configure Environment Variables
cp .env.example .env
NEXT_PUBLIC_API_URL=https://your-backend-url.com #required
NEXT_PUBLIC_TOKEN_NAME=token
NEXT_PUBLIC_ASSET_URL=https://your-backend-url.com
Step 5: Start the Frontend
npm run dev
Now you can access the frontend at https://your-backend-url.com
Conclusion
Congratulations! You have successfully installed investra web on your Mac. You can now start customizing your application. If you have any questions, feel free to reach out to our support team. 🚀