example manifest json

manifest.json

{
  "name": "My Progressive Web App",
  "short_name": "PWA",
  "start_url": "/index.html", // qual pagina sera iniciada
  "scope": ".", // quais paginas serão incluidas na experiencia do PWA
  "display": "standalone", // seu pwa ira funcionar de forma autonoma 
  "background_color": "#fff", // qual a cor sera usada enquanto estiver carregando (ou coloque o splashscreen)
  "theme_color": "#3f51b5", // cor do tema ( customiza a barra de cima do celular )
  "description": "Pwa de estudo", // desrição
  "dir": "ltr", // indica a direção de laitura do seu app ltr - leftToRight
  "lang": "en-US", // idioma padrão do PWA
  "orientation": "portrait-primary", // Orientação de visualização portrait (em pé) - landscape (deitado)
  "icons": [ //configura todos os icones do seu pwa
    {
      "src": "/src/images/icons/app-icon-48x48.png",
      "type": "image/png",
      "sizes": "48x48"
    },
    {
      "src": "/src/images/icons/app-icon-57x57.png",
      "type": "image/png",
      "sizes": "57x57"
    },
    {
      "src": "/src/images/icons/app-icon-72x72.png",
      "type": "image/png",
      "sizes": "72x72"
    },
    {
      "src": "/src/images/icons/app-icon-96x96.png",
      "type": "image/png",
      "sizes": "96x96"
    },
    {
      "src": "/src/images/icons/app-icon-180x180.png",
      "type": "image/png",
      "sizes": "180x180"
    },
    {
      "src": "/src/images/icons/app-icon-512x512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "related_applications": [ //link do app versão nativa
    {
      "platform": "play", // google play ou apple store
      "url": "https://play.google.com/store/apps/details?id=com.example.app1",
      "id": "com.example.app1"
    }
  ]
}