Next.js Discord

Discord Forum

[PWA] Splash screen doesn't work

Unanswered
Spectacled bear posted this in #help-forum
Open in Discord
Spectacled bearOP
I try to configure the splash screen on my PWA but it actually doesn't work.

// app/layout.tsx

export const metadata: Metadata = {
  appleWebApp: {
    capable: true,
    title: 'test',
    startupImage: [
      '/assets/apple-splash-640-1136.jpg',
      {
         url: '/assets/apple-splash-640-1136.jpg'
         media: '(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)' // example
      },
//    ...
    ],
  },
  title: 'test',
  other: {
    'apple-mobile-web-app-capable': 'yes',
  },
};

// ...


NEXTJS version: 15.1.6

Already check:
- https://github.com/vercel/next.js/issues/74524
- https://nextjs.org/docs/app/building-your-application/configuring/progressive-web-apps

1 Reply

Spectacled bearOP
: )