Deploy on Vercel
Wapi Frontend & Admin
Note:The deployment steps on Vercel are identical for both the Wapi frontend and admin. For demonstration, we will deploy the frontend.
1. Open the wapi-frontend directory downloaded from CodeCanyon.
2. Environment Settings:
Open the .env file and update the URLs according to your domain settings.
Note:Replace your-domain.com with your actual domain or subdomain. Apply the same change for the backend API domain.
-
NEXTAUTH_URL: Base URL of the Wapi User Frontend.
-
NEXT_PUBLIC_SOCKET_URL: URL of your Socket.IO server for real-time communication.
-
NEXTAUTH_SECRET: Secret key for secure storage operations.
Open the next.config.js file of both admin and frontend and update the API and storage URLs according to your domain.
Note: Replace your_domain.com with your actual domain or backend server URL.
-
NEXT_PUBLIC_API_URL: Full backend API URL used for all API requests.
-
NEXT_PUBLIC_API_BASE_URL: Base API path appended to the main API URL.
-
NEXT_PUBLIC_STORAGE_URL: Base URL where uploaded files and media are served.
3. Install Vercel CLI:
Install the Vercel CLI globally on your computer using the command below.
- npm install -g vercel
4. Login to Vercel
Log in to your Vercel account using the command below.
- vercel login
5. Deploy Wapi:
Inside the wapi-frontend folder, run the command below:
- vercel
Default Credential
Admin Credential:
-Url: https://wapi-admin-live.vercel.app
-Email: admin@wapi.com
-Password: 123456789
Frontend Credential:
-Url: https://wapi-frontend-live.vercel.app
-Email:lily.james@wapi.com
-Password: 123456789
What's Next?
Let’s begin — your communication workspace is ready with Wapi!