title: How to show the install button for a PWA
body: <p>Currently I implemented a site.webmanifest and a service worker on my new version of my blog.</p>
  <p><a href="https://nextjs.marcofranssen.nl/" rel="nofollow noreferrer">https://nextjs.marcofranssen.nl/</a></p>
  <p>Despite Lighthouse reports I'm 100% matching the PWA requirements, including installability, I do not see the install button in the address bar of my browser.</p>
  <p>On my current version of my blog it does show up.</p>
  <p><a href="https://marcofranssen.nl" rel="nofollow noreferrer">https://marcofranssen.nl</a></p>
  <p>Following picture shows the button when navigating to my current blog.</p>
  <p><a href="https://i.stack.imgur.com/ONbuY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ONbuY.png" alt="Install button PWA" /></a></p>
  <p>Now I'm wondering which requirement I'm missing.</p>
  <p>I also did a review of this criteria <a href="https://web.dev/install-criteria/" rel="nofollow noreferrer">https://web.dev/install-criteria/</a>.</p>
  <p>Does anybody have a clue what I'm missing or overreading?</p>
  <p>See here for the manifest file <a href="https://nextjs.marcofranssen.nl/site.webmanifest" rel="nofollow noreferrer">https://nextjs.marcofranssen.nl/site.webmanifest</a></p>
  <p>This manifest file is also referenced in the head section.</p>
  <p>My old blog is fully static generated html. My new blog is build using Next.js so not entirely a static page, although I don't think that should matter.</p>