Veja no YouTube

Vamos criar um site que instala no device do user?

Nesse vídeo eu mostro como faço para que minhas aplicações sejam instaláveis em computadores e smartphones de forma simples e objetiva.

Se você não tem ideia de qual ícone ou cores usar, no vídeo faço uma busca rápida e ensino a converter, cortar e configurar tudo!

Espero que seja útil para seu portfólio! 💙

Recursos

• Arquivo Manifest

/public/manifest.json

{
  "short_name": "Title",
  "name": "Description",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    },
    {
      "src": "logo192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "logo512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#10060d",
  "background_color": "#10060d"
}

GitHub