feat: Add device's homescreen

[vanvuongngo]

trafficstars

What is it?

• [x] Feature / enhancement

Description

You have to add a manifest.json file to use a Qwik project like a native mobile app. That's all to show Qwik in fullscreen when added to the device's homescreen.

Use cases and why

• Prepared for PWA

Checklist:

• [x] My code follows the developer guidelines of this project
• [x] I have performed a self-review of my own code
• [ ] I have made corresponding changes to the documentation
• [ ] Added new tests to cover the fix / functionality

Mobile context menu in the browser to add a Qwik App to the device's homescreen:

Icon on device's homescreen:

Before - Without a manifest a Qwik App shows the browser window:

After - With a manifest.json it shown like a native app:

Reference see https://developer.mozilla.org/en-US/docs/Web/Manifest

[bolt-new-by-stackblitz[bot]]

Run & review this pull request in StackBlitz Codeflow.

[adamdbradley]

I think with the url to the manifest we'll need to prefix it with /, so that all pages in subdirectories will reference the right location. Thanks!

[manucorporat]

Thanks a lot!

[vanvuongngo]

Thank you for the merge :)