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

## What's Next?

Let’s begin — your communication workspace is ready with Wapi!

### Deploy on VPS

VPS deployment guide

### Core Features

Main functionalities

### Advanced Features

Additional tools and capabilities