manifest.json

The manifest.json file is a key component in Progressive Web Apps (PWA) that defines essential metadata about the web application. It provides browsers with information on how the app should behave when installed on a device, including its name, icons, theme colors, and the URL to launch the app.

This file is crucial for creating a more app-like experience for users, enabling features like home screen installation and full-screen display without a browser interface.

For PWAs, it defines how the web app looks and feels when accessed from a mobile or desktop environment. The manifest file is essential for bridging the gap between web applications and native apps, improving usability and engagement.

Technical Notes

Placed at /manifest.json

Example

{
  "name": "Example App",
  "short_name": "App",
  "start_url": "/",
  "display": "standalone",
  "icons": [
    {
      "src": "icon-192.png",
      "type": "image/png",
      "sizes": "192x192"
    }
  ]
}

Webflow

Webflow hosting already uses manifest.json, which means that even if you could replace it, you may break or otherwise disrupt certain aspects of the hosting environment.

To merge your changes into the existing manifest.json without breaking it, you can use a reverse proxy solution like Sygnal's Hyperflow to deliver your files reliably.