Top

Wapi documentation

Chat, collaborate, and create teams effortlessly with Wapi

Welcome to WAPI!

Get an AI summary of this page
ChatGPT Gemini Grok Perplexity

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. Frontend Installation & Local Setup:

Before deploying to Vercel, ensure your frontend is correctly set up and dependencies are installed.

  • Download & Extract: Locate and extract the wapi-frontend folder from your purchased Wapi package.
  • Install Dependencies: Run npm install in the terminal to install Next.js and required packages.
  • Verify Locally: Run npm run dev to verify the frontend starts successfully in development mode.
  • Build for Production: After verification, run npm run build to generate the production build.

3. Frontend 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.

Next Config Settings:

Open the next.config.js file and update the environment variables.

Important: After updating environment variables, you must rebuild the frontend to apply changes.
  • npm run build
Note: In Next.js, environment variables are compiled at build time. Changes will not reflect until the project is rebuilt.

4. Admin Environment Settings:

Open the next.config.js file in the wapi-admin directory and update the environment variables.

Important: After updating next.config.js, you must rebuild the admin project:
  • npm run build
Note: Even without a .env file, Next.js reads values from next.config.js at build time. Restarting alone will not apply changes.

5. Install Vercel CLI:

Install the Vercel CLI globally on your computer using the command below.

  • npm install -g vercel

6. Login to Vercel

Log in to your Vercel account using the command below.

  • vercel login

7. 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