feat: PWA deployment guide for app built with Vanilla JS Browser-Native Web Component API
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 35/100
- Issue type
- Documentation
- Clarity
- Needs clarification
- Activity status
- Stale
- Tech stack
- javascript, vite
- Domain
- documentation, web-dev
Research direction
Start by comparing the existing React and Vue PWA guides, then check how vite-plugin-pwa applies to a Vanilla JS Web Component app. Review the Ionic CLI init and start commands and the absence of a vanilla option. Done means documenting the supported deployment path and how to scaffold an app that reuses Ionic components and CSS utilities.
Written by the indexing model from the issue text.
Description
Describe Problem
These is no guide on how to deploy as a PWA an app built with neither Angular, nor React, nor Vue but just Vanilla JS and the Web Component API provided directly by web browsers.
However, looking at the guides for React and Vue it seems that the option using the Vite plugin vite-plugin-pwa are eerily familiar.
Does this plugin work as well for no framework Vanilla JS app?
Since there is no --type=vanilla options available neither for the Ionic CLI init and start commands, should I infer that to reuse Ionic components and Ionic CSS utilities in a Vanilla JS app, one should scaffold the app directly with Vite rather than with the Ionic CLI?
Describe Preferred Solution
No response
Describe Alternatives
No response
Additional Information
No response
- Dominant language
- MDX
- Stars
- 621
- Forks
- 3.2k
- Avg merge
- 1d 2h
- Merged PRs (30d)
- 86
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from ionic-team/ionic-docs
-
content
Difficulty 2/5 1-3 hours Newbie friendliness 86/100
ionic-team/ionic-docs#4705 ·
-
content package: angular
Difficulty 2/5 Half a day Newbie friendliness 78/100
ionic-team/ionic-docs#4702 ·
-
triage
Difficulty 1/5 Under an hour Newbie friendliness 80/100
ionic-team/ionic-docs#4546 ·
-
content: broken link Opencontent
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
ionic-team/ionic-docs#4381 · 2 comments ·
-
triage
Difficulty 1/5 Under an hour Newbie friendliness 72/100
ionic-team/ionic-docs#3639 ·
All issues in ionic-team/ionic-docs
Similar issues
-
documentation
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
githubnext/gh-aw-workshop#3692 ·
-
agent/guide documentation hive/hosted-available-lke648397-260827-5n31
Difficulty 2/5 1-3 hours Newbie friendliness 90/100
-
priority-0
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
-
sync-en
Difficulty 1/5 1-3 hours Newbie friendliness 88/100
-
sync-en
Difficulty 1/5 1-3 hours Newbie friendliness 88/100