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

Jump to bottom

Progressive Web App template #381

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

Progressive Web App template #381

addyosmani opened this issue Mar 7, 2017 · 6 comments

Comments

@addyosmani
Copy link

@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
Copy link
Member

yyx990803 commented Mar 7, 2017 •
edited

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
Copy link
Author

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
Copy link
Member

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
Copy link
Author

Awesome. Thanks, @yyx990803!

@rwatts3
Copy link

rwatts3 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.

@addyosmani addyosmani mentioned this issue Mar 29, 2017
Closed
@posva
Copy link
Member

posva commented Jul 11, 2017

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

@posva posva closed this as completed Jul 11, 2017
@kevguy kevguy mentioned this issue Jun 6, 2018
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@addyosmani @yyx990803 @posva @rwatts3