feat: Added offline availability with service workers #405
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Closing issues:
Before you mark this PR as ready, please check the following points
Put an
x
in the boxes that apply. You can also fill these out after creating the PR. If you're unsure about any ofthem, don't hesitate to ask. We're here to help! This is simply a reminder of what we are going to look for before
merging your code.
pnpm format:check
, if invalidpnpm format:fix
)pnpm build
)Describe your work, what changed
Added the next-pwa plugin, which auto generates a service worker based on a config. This service worker can cache HTTP requests, which allows the site to be responsive even with slow or no network connection (as long as the requested parts of the site have been cached).
Additionally, I had a bug where visiting the site to create a cocktail wasn't possible when I didn't have any cocktails in the database. Was a simple fix.
Affected sites (please check during review):
all
Further comments
Explanation of the runtime caching config:
Demo
Here is a video showing the functionality. First, some parts of the site are visited with normal network connection. These are automatically cached. Then, the network connection is turned off, and the cached parts of the site still work fine. Things like the queue or adding cocktails to the statistics obviously don't work while offline.
CocktailManagerOffline.mov