Skip to content

PWA configuration

Configure app name/title/description and icon metadata in web-config.json.

1 min read

Overview

The PWA metadata is configured in web/src/web-config.json.

Steps

Edit web-config.json

Update appName, appTitle, appDescription, themeColor, and your icon paths (e.g. static/icon.svg) in the JSON file.

If you keep the icon references consistent with the files in web/, the PWA install experience will work without extra changes.

Restart / rebuild

Restart the web dev server or rebuild the web app so the updated PWA metadata is bundled.

Example

{
  "appName": "Openquok",
  "appTitle": "Openquok",
  "appDescription": "An agentic Social Scheduler Tool",
  "themeColor": "#34A7D6",
  "appleStatusBarStyle": "black-translucent",
  "icon": "static/icon.svg",
  "maskableIcons": [
    {
      "src": "../maskable_icon_512x512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ]
}

Related configuration