Top

Wapi documentation

Chat, collaborate, and create teams effortlessly with Wapi

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