Fix Android PWA installation - add proper web app instead of shortcut

Android PWA Requirements:
- Add mobile-web-app-capable meta tag for Android
- Add application-name meta tag
- Add prefer_related_applications: false to manifest
- Add explicit icon sizes (192x192, 512x512) for both any and maskable
- Add orientation: any for flexible display
- Add lang and dir to manifest for proper localization
- Add ?source=pwa to start_url for analytics
- Add crossorigin="use-credentials" to manifest link
- Add proper service worker registration in main.ts
- Add vite-plugin-pwa/client types to env.d.ts

This ensures Android recognizes it as a full PWA instead of creating a shortcut

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Dorian
2026-02-03 00:03:00 +00:00
parent 91dd58c0b2
commit 0031456f4e
4 changed files with 32 additions and 4 deletions

View File

@@ -9,11 +9,13 @@
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#0a0a0a">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="IndeedHub">
<meta name="application-name" content="IndeedHub">
<link rel="apple-touch-icon" href="/assets/images/app-icon.svg">
<link rel="manifest" href="/manifest.json">
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
</head>
<body>
<div id="app"></div>