Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Progressive Web App template #381

Closed
addyosmani opened this issue Mar 7, 2017 · 6 comments

Comments

Projects
None yet
4 participants
@addyosmani
Copy link

commented Mar 7, 2017

@yyx990803 and I have talked about working on an official PWA template for Vue 馃摫

There are a few different options for what this could include:

  • Web Application Manifest
  • Default favicons (minimalist setup from realfavicongenerator.net)
  • Service Worker precaching + runtime caching via sw-precache-webpack-plugin
  • Application Shell architecture
  • Code-splitting by default with vue-router

If we wanted to go even more ambitious we could cover:

  • PRPL pattern support (using something like preload-webpack-plugin)
  • Simple server-side rendering + pre-fetching
  • CSS extraction for production

Requirements

  • Aim to score as close to 100/100 on Lighthouse
  • Must be straight-forward to use. If we make it inherently complex, it will lose value to end users.

Prior-art - PWA templates and boilerplates 馃帹

Vue.js PWAs (open-source) 馃憪

Other references 馃摎

Initially, I would love to get a feel for what would considered palatable for an MVP. There's technically nothing stopping us baking in everything in the above list, but let's talk and figure out a path forward 馃殌

@yyx990803

This comment has been minimized.

Copy link
Member

commented Mar 7, 2017

Thanks Addy! The list looks good and totally feasible. The only thing I'd consider is whether we want to include SSR for now, since SSR comes with some tradeoffs in increased dev and deployment complexity which may not be a net win for all apps. We can start with a version without SSR and then work on a separate one that uses SSR.

@addyosmani

This comment has been minimized.

Copy link
Author

commented Mar 7, 2017

The only thing I'd consider is whether we want to include SSR for now, since SSR comes with some tradeoffs in increased dev and deployment complexity which may not be a net win for all apps. We can start with a version without SSR and then work on a separate one that uses SSR.

This plan of action sgtm 馃憤

What's the best way to get started? Worth us creating a new empty repo on the vuejs org to start on a PR?

@yyx990803

This comment has been minimized.

Copy link
Member

commented Mar 7, 2017

I've created https://github.com/vuejs/pwa and sent an invite for collaboration. We'll move it to vuejs-templates once it's ready.

@addyosmani

This comment has been minimized.

Copy link
Author

commented Mar 7, 2017

Awesome. Thanks, @yyx990803!

@rwatts3

This comment has been minimized.

Copy link

commented Mar 28, 2017

This is great news. Just curious if there is a posted timeline and roadmap for this ?
I'd be interested in assisting if possible.

@posva

This comment has been minimized.

Copy link
Member

commented Jul 11, 2017

Closing this now that the template exists at https://github.com/vuejs-templates/pwa and it's ready
馃憦 @addyosmani

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can鈥檛 perform that action at this time.