What are some best practices to consider when using PWA and LocalStorage?

[PiotrG]

Just trying to architecture out a sample implementation of using vuex and localstorage when deploying a PWA app. The app will not require SSR.

I am using a Laravel API Backend with JWT for authentication.

What are some of the best practices to follow to optimise speed, caching and security?

Are there any in-depth tutorials roughly related to some of the above?

I would like to load some data from the api into localstorage and periodically hydrate in the background without the user actively initiating the hydration.

Any tips, tricks and/or links would be very appreciated!

[qyloxe]

@PiotrG consider websockets with data pushed from server only to active clients or some kind of higher level synchronized db. Of course, mandatory CSRF protection. On the server side, monitoring of API calls - count, time spent, anomalies etc.