PWA Configuration ​

This section explains how to configure the Progressive Web App (PWA) settings for your project.

Basic PWA Setup ​

Follow these steps:

  1. Open the following file:
docker → frontend → nuxt.config.js

  1. Find the pwa section and update the themeColor.

  2. Prepare a logo with the following specifications:

  • Size: 192 × 192 px
  • File name: pwa-icon.png
  1. Place the logo inside:
docker → frontend → public

For VPS Server ​

If you are deploying on a VPS server:

  1. Open the file:
docker → frontend → .env.prod
  1. Update the value of:
APP_NAME
  1. Go to the following folder:
docker → frontend
  1. Build the project:
bash
npm run build
  1. Start the server:
bash
npm run start

For cPanel Server ​

If you are deploying on a cPanel server:

  1. Open the file:
docker → frontend → .env.client
  1. Update:
APP_NAME
  1. Make sure:
API_BASE="/"
SSR=false

  1. Install Node.js (required before building).

  2. Run the following commands locally:

bash
npm install
npm run generate
  1. After generation, go to:
docker → frontend → .output → public
  1. Copy all files from this folder and paste them into your hosting:
public_html

Your PWA setup is now complete.