PWA Metadata

Set app name, description, and icons.

1 min read

Connect your agent today

Draft from chat, review in your calendar, and publish only what you approve.

Start your free trial

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"
    }
  ]
}

Icons are path-sensitive

Icon paths in web-config.json are resolved relative to the web project layout, so update them together if you move assets.

Vite (SvelteKit)

VITE_* values for API/Supabase/Stripe/analytics

Configuration - Web

Back to the web configuration hub