rspress icon indicating copy to clipboard operation
rspress copied to clipboard

[Feature]: PWA support

Open SoonIter opened this issue 1 year ago β€’ 4 comments

What problem does this feature solve?

Progressive Web Apps (PWA) is a new technology that combines the best of mobile web and the best of mobile apps to create a superior mobile web experience. They are installed on the phone like a normal app (web app) and can be accessed from the home screen.

Benefits

  • Open the app from your home screen and you will see the splash screen.
  • Turn off your data and wifi to go offline and open up the app. You will still be able to see the app and browse the pages you have already visited.
  • Browse to a page that you haven’t visited before. The offline page will be displayed.

https://github.com/vite-pwa/vite-plugin-pwa https://wordpress.org/plugins/super-progressive-web-apps/ https://github.com/GoogleChrome/workbox

What does the proposed API look like?

@rspress/plugin-pwa (to be discussed)

SoonIter avatar Jun 20 '24 14:06 SoonIter

Maybe @rsbuild/plugin-pwa first πŸ˜„

chenjiahan avatar Jun 20 '24 14:06 chenjiahan

+1

citrusjunoss avatar Jun 21 '24 02:06 citrusjunoss

I am currently considering migrating from Vite to rsbuild. At the moment, I am relying on the library @vite-pwa/pwa. I would like to express my hope for a similar library for rsbuild, potentially as a wrapper around the one mentioned above.

araera111 avatar Oct 04 '24 05:10 araera111

@araera111 Rsbuild does not has an officially plugin for PWA, you can try some solutions from community.

  • https://github.com/Clarkkkk/workbox-rspack-plugin
  • https://github.com/tobua/inject-manifest-plugin

Timeless0911 avatar Oct 08 '24 08:10 Timeless0911