Web app manifest is present

Without a web app manifest, Chrome and Edge suppress the install prompt, iOS Add-to-Home-Screen falls back to a screenshot icon, and Lighthouse flags the site on its PWA audit. Android users who do install the site get a low-resolution thumbnail in the launcher with the document title instead of your short_name, and the splash screen renders as a blank white page instead of branded background_color and theme_color.

In Next.js App Router, create app/manifest.ts exporting a MetadataRoute.Manifest object with name, short_name, start_url, display: 'standalone', background_color, theme_color, and at least two icon sizes (192x192 and 512x512). Next wires the <link rel="manifest"> automatically. For other frameworks, drop manifest.json in public/ and link it from the document head.

// app/manifest.ts
import type { MetadataRoute } from 'next'
export default function manifest(): MetadataRoute.Manifest {
  return { name: 'Your App', short_name: 'App', 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' }] }
}