KO

Page 1: Core Component: Web App Manifest

1. Core Component: Web App Manifest

The Web App Manifest is a JSON file that tells the browser and the user how your web app should look and behave when it is installed on the user\'s device. It is a mandatory component for any PWA.

1.1. Linking the Manifest File

Link the Manifest file in the <head> section of your HTML document.

<link rel="manifest" href="/manifest.json">

1.2. Configuring Essential Fields (manifest.json)

The following fields must be included for an installable PWA.

{
  "name": "My PWA App",
  "short_name": "PWA",
  "start_url": "/index.html",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#007bff",
  "icons": [
    {
      "src": "/images/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ]
}

Key Setting: "display": "standalone" ensures the app looks and behaves like a standalone application, without browser UI.

Contact Us