Social & sharing · Next.js (App Router)
How to add an apple-touch-icon in Next.js (App Router)
When someone adds your site to an iOS home screen without one, Safari screenshots the page and uses that as the icon. The result is an unreadable thumbnail where your logo should be, and it fails silently — you only see it on somebody else's phone.
The fix for Next.js (App Router)
13x detects your framework from the response and hands you this version rather than the generic one — below 50% confidence it hedges and gives you the generic one instead.
Add app/apple-icon.png at 180×180. Next emits the apple-touch-icon link automatically.
On a different stack? The general version of this fix explains what 13x checks and why it matters, without assuming a framework.
Check your Next.js (App Router) site
113 deterministic checks against your live URL, in about 30 seconds. Framework detected from the response, so every fix comes back in the form your stack actually uses.
No signup. Results in 30 seconds.