Progressive Web Apps (PWA)

Introduction

A web app manifest is a JSON file that tells the browser about your web application and how it should behave when installed on the user's mobile device or desktop.

Why it matters

It allows users to install your website as a standalone app, hiding the browser UI and providing a native-like experience.

Where it appears

• Android/iOS "Add to Home Screen" prompt
• Desktop Chrome/Edge Install button

Implementation

manifest.json

{
  "name": "SeeSite App",
  "short_name": "SeeSite",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#000000",
  "icons": [
    {
      "src": "/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}